Chrome搞砸网站布局,FF和IE很好

Question

我正在一个网站上工作:http://www.bbp.nl/luuk-test/wac 它在FF和IE上显示得非常好.我去Chrome测试它,它完全搞砸了.Chrome会以某种方式显示彼此之下的所有div.我真的不知道在哪里看,因为它也在W3C验证器中得到了很好的验证.

谷歌搜索,但找不到任何东西.有人知道答案吗？请帮忙.

Answer 1

您在样式表的第20行中使用-moz-box-sizing为div更改为Mozilla浏览器计算的框大小.这在chrome中无法识别.

请参阅:https://developer.mozilla.org/en/CSS/-moz-box-sizing

您也可以使用webkit对浏览器应用修复:

div {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box; 
}

在我看来,更好的方法是让你的网站看起来很好,没有这个解决方法,并根据其所需的大小减去其填充来计算你的盒子大小.