鍍金池/ 問答/HTML/ 圣杯布局父元素padding為什么不能使用margin

圣杯布局父元素padding為什么不能使用margin

.con 類樣式中padding改成margin為什么不行？

<!-- 圣杯布局 -->
<!DOCTYPE html>
<html>
<head>
    <style>
        .con {
            padding: 0px 190px 0px 150px;//改成margin為什么不行
            overflow: auto;
        }

        .left {
            background: #E79F6D;
            width: 150px;
            float: left;
            position: relative;
            left: -150px;
            margin-left: -100%;
            /*left: -100%;*/
            /*margin-left: -150px;*/
        }

        .main {
            background: #D6D6D6;
            width: 100%;
            float: left;
        }

        .right {
            background: #77BBDD;
            width: 190px;
            float: left;
            position: relative;
            margin-left: -190px;
            right: -190px;
            /*left: 190px;*/
        }
    </style>
</head>
<body>
<div class="con">
    <div class="main">
        nihaollelelel
    </div>
    <div class="left">Left</div>
    <div class="right">Right</div>
</div>
</body>
</html>
回答
編輯回答
有點壞

padding是算在元素大小里面的,你用margin會壓縮元素的大小.

2018年1月9日 12:39