我们为大家收集整理了关于css盒模型hack的另一选择，以方便大家参考。css盒模型hack被用来解决IE6之前的浏览器显示问题，IE6.0之前的版本会把某元素的边框值和填充值包含在宽度之内(而不是加在宽度值上)。例如，你可能会使用以下css来指定某个容器的尺寸：

#box

{

width: 100px;

border: 5px;

padding: 20px;

}

然后在html中应用：

...

盒的总宽度在几乎所有浏览器中为150像素(100像素宽度+两条5像素的边框+两个20像素的填充)，唯独在IE6之前版本的浏览器中仍然为100像素(边框值和填充值包含在宽度值中)，盒模型的hack正是为了解决这一问题，但是也会带来麻烦。更简单的办法如下：

css:

#box

{

width: 150px;

}

#box div {

border: 5px;

padding: 20px;

}

html:

...

这样一来在任何浏览器中盒的总宽度都将是150像素。

希望大家可以学会css盒模型hack的另一选择.想了解更多精彩内容，请关注我们的网站!

相关推荐：

css字体简写的方法