另外我也設(shè)置了 box-sizing: border-box, 在 Chrome 里調(diào)試的,關(guān)于 <div> 的代碼大概是:div{ height: 100px; padding: 200px 0px;
}
1 回答
慕俠2389804
TA貢獻1719條經(jīng)驗 獲得超6個贊
我想樓主的意思是不要讓padding把box撐大吧，你可能以為height就限制了高度，但是是在盒裝模型里溢出的部分會自動撐出，因為你使用的是border-box的盒裝模型，height的高度就把padding包括在里面了，當padding的高度超過了height本身就會溢出而撐開，在你的例子中，最終盒裝模型如下
可以看出來，本身內(nèi)部的height已經(jīng)到0了，但是padding還是超過了所有的height，因此整個元素就被撐大了。
我不知道你要實現(xiàn)什么東西，因為從你的css里來看，你要實現(xiàn)的效果非常矛盾。你既要padding在200px，又要高度不大于100px，那多出這么多高度干嘛呢？你干脆把你要實現(xiàn)什么效果的示意圖畫出來吧。
添加回答
舉報
0/150
提交
取消