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