当我通过以百分比形式传递宽度值来使用标签将页面分成列时,即我将主体的div宽度声明为100%,其中两个div被声明为20%& 80%的宽度,它在IE8中工作正常,但在Firefox中没有,除非我将第二个宽度从80%更改为79%。你可以解释一下原因吗?
答案 0 :(得分:2)
定义一个合适的doctype:<!doctype html>
这对IE来说非常重要,因为如果不这样做,他会使用另一个boxmodell!
请注意,当前的w3c-boxmodell仅考虑内容宽度。这意味着,如果你声明了边距,边框和/或填充,这会弄乱你的宽度。
如果你定义了80%/ 20%的列,但它们有border:1px ...
这会弄乱你的设计,因为这实际上意味着80 + 20 = 100%+ 4px的边界 - &gt;你的页面会破裂。
您可以在较新的浏览器( called box-sizing: from IE8 on)中切换boxmodell,以使用“更好”的boxmodell,它将填充和/或边框记入您的宽度声明。
编辑: