在Strict和Quirks模式下使div的总宽度相同

我想我已经破解了(在IE 6/7/8怪癖、严格模式和FF3.5上测试)

Quriks/Strict模式仅在涉及填充/边框时才在div的宽度上有所不同。

因此,制作一个外部div来设置宽度,然后制作一个带有边框的内部div。

内部div被限制为外部div的宽度-并且两种怪癖/严格模式将呈现相同的大小。

<div style="width:150px;border:50px solid black">Test</div>

变成

<div style="width:150px;">
   <div style="border:50px solid black">Test</div>
</div>

这就是问题所在 box-sizing 属性在那里。看见 this guide .

另一方面,要让浏览器在一个doctype中对事物的外观达成一致,甚至是严格的一致,已经相当困难了。