欢迎大家在这里学习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的另一选择内容就给大家介绍到这里了。希望大家继续关注我们的网站!

相关推荐：

divcss图片替换的技巧