我有一个非常普通的 Wordpress 博客，有主要部分(静态宽度，向左浮动)和菜单部分(放在一边，但在示例中使用了 div，也是静态宽度，向左浮动)。
关键是 CSS 不会将填充“计”为“宽度”，因此我的“主要部分”中 100% 宽的 div 看起来没问题，但即使是 1 像素填充也会破坏整个布局。
奇怪的是当我根本不设置宽度时 - 一切正常，这对我来说很奇怪，因为我一直认为 div 总是倾向于占用尽可能多的区域(所以 width: 100% 不一样因为根本没有宽度，即使在第二种情况下 div 占用... 100%？什么..？:)).
我也有一些行内 block 元素，这更糟，因为它们永远不适合布局:
我知道 float 和填充是如何工作的，但有没有办法解决我的问题？我的意思是真正的修复，我希望我的 div 占据父主 div 的 100%，而不触及菜单。而且我不是在寻找作弊(如 overflow hidden )等，因为在现实世界中我的主要 div 也有填充 :)
最佳答案
很简单，把它放在另一个里面，给里面的div加上padding，给外面的width:
<div id='outer' style='width:100%;float:left;'>
<div id='inner' style='padding:10px;'>
...
</div>
</div>
关于CSS float 和填充，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5306632/