Html Div width(“s”)与firefox对齐

Html Div width(“s”)与firefox对齐,html,Html,当我通过以百分比形式传递宽度值将页面划分为列时,也就是说,我将主体的div宽度声明为100%,其中两个div的宽度声明为20%&80%,在IE8中工作正常,但在firefox中则不行,除非我将第二个宽度从80%更改为79%。你能解释一下为什么吗 定义一个合适的doctype:这对IE非常重要,因为如果你不这样做,他会使用另一个BoxModel 请注意,当前的w3c boxmodell只考虑内容宽度。这意味着,如果声明了边距、边框和/或填充,则会弄乱宽度 如果您定义了80%/20%的列,但它们有边

当我通过以百分比形式传递宽度值将页面划分为列时,也就是说,我将主体的div宽度声明为100%,其中两个div的宽度声明为20%&80%,在IE8中工作正常,但在firefox中则不行,除非我将第二个宽度从80%更改为79%。你能解释一下为什么吗

  • 定义一个合适的doctype:
    这对IE非常重要,因为如果你不这样做,他会使用另一个BoxModel

  • 请注意,当前的w3c boxmodell只考虑内容宽度。这意味着,如果声明了边距、边框和/或填充,则会弄乱宽度

  • 如果您定义了80%/20%的列,但它们有
    边框:1px…
    这将打乱您的设计,因为实际上这意味着80+20=100%+4px的边框->页面将中断

    您可以在较新的浏览器中切换BoxModel,以使用“更好”的BoxModel,它可以在宽度声明中添加填充和/或边框

    编辑:


    当你发布一个简化的例子,人们可以用它重现你所看到的东西时,你会得到更快(更少猜测)的答案。@Honey很高兴我能帮上忙。您应该接受答案(单击绿色复选标记)以向其他用户表明您的问题已经解决。