在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ padding-top百分比不準(zhǔn)確的問題

padding-top百分比不準(zhǔn)確的問題

代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            padding:0;
            margin:0;
        }
        .main{
            width:300px;
            margin:50px auto 0;
            background:#3c3c3c;
            padding-top:20%;
        }
    </style>
</head>
<body>
    <div class="main"></div>
</body>
</html>

為什么padding-top成了相對于body寬度而來的呢

回答
編輯回答
尕筱澄

padding是指定子元素相對于該元素的位置。

建議：盡量不是將margin和padding在一起使用。

2017年7月31日 17:24
編輯回答
好難瘦

[max/min-]width、left、right、text-indent、padding、margin 等都是相對于父級寬度的

[max/min-]height、top、bottom 等是相對于父級高度的

2018年1月12日 18:58
編輯回答
你的瞳

設(shè)計之初就是這樣的，stackoverflow和csdn上都有很多猜想，
知乎這個答案我很久之前看的，覺得靠譜
CSS中margin-top/bottom(padding-top/bottom)百分比為何以最近的塊級祖先元素的寬度而不是高度作計算？
另外其實一些不錯的css書上都會講一些css的一些常見誤區(qū)，可以找?guī)妆究匆豢?br>推薦兩本《css世界》《CSS Secrets》

2017年12月10日 11:07