所有浏览器中的 CSS 百分比宽度和百分比填充错误？

Question

看这个例子:

http://jsfiddle.net/nvcode/BnGyu/2/

现在很明显，浏览器可以正确计算出宽度，因为第一个 div 已完全填充，但在第二个 div 上，我将宽度设置为 98%，两侧填充 1%，总计为 100%。

浏览器知道100%是父级的全宽，那为什么子div没有填满父级的空间？

即使您更改宽度的值，它也会破坏得更多吗？

Answer 1

默认情况下，任何 block 级元素都会展开以填充其包含元素的宽度。在这种情况下，指定内部元素的宽度是多余的。一般而言，为您的布局使用明确的指标比百分比更好(并且不会造成混淆)。

This sums it up nicely.