Div宽度(“%s”)与firefox对齐

时间:2012-05-10 12:42:44

标签: html

当我通过以百分比形式传递宽度值来使用标签将页面分成列时,即我将主体的div宽度声明为100%,其中两个div被声明为20%& 80%的宽度,它在IE8中工作正常,但在Firefox中没有,除非我将第二个宽度从80%更改为79%。你可以解释一下原因吗?

1 个答案:

答案 0 :(得分:2)

  1. 定义一个合适的doctype:<!doctype html> 这对IE来说非常重要,因为如果不这样做,他会使用另一个boxmodell!

  2. 请注意,当前的w3c-boxmodell仅考虑内容宽度。这意味着,如果你声明了边距,边框和/或填充,这会弄乱你的宽度。

  3. 如果你定义了80%/ 20%的列,但它们有border:1px ...这会弄乱你的设计,因为这实际上意味着80 + 20 = 100%+ 4px的边界 - &gt;你的页面会破裂。

    您可以在较新的浏览器( called box-sizing: from IE8 on)中切换boxmodell,以使用“更好”的boxmodell,它将填充和/或边框记入您的宽度声明。

    编辑:

    MDN-Link regarding box-sizing