标准CSS盒子模型和低版本IE盒子模型区别有哪些？解决IE6存在bug的方法

标准（W3C）盒子模型：width = 内容宽度（content） + border + padding + margin

低版本IE盒子模型： width = 内容宽度（content + border + padding）+ margin

图片展示:

区别： 标准盒子模型盒子的height和width是content（内容）的宽高，而IE盒子模型盒子的宽高则包括content+padding+border部分。

2.几种解决IE6存在的bug的方法

• 由float引起的双边距的问题，使用display解决；
• 由float引起的3像素问题，使用display: inline -3px;
• 使用正确的书写顺序link visited hover active，解决超链接hover点击失效问题；
• 对于IE 的z-index问题，通过给父元素增加position: relative解决；
• 使用!important解决Min-height最小高度问题；
• 使用iframe解决select在IE6下的覆盖问题；
• 使用over: hidden, zoom: 0.08, line-height: 1px解决定义1px左右的容器宽度问题；

?注意：有关IE6支不支持!important的问题，对于单个类是支持的。例如：

.content { color: pink !importent };
.content { color: orange };
// 这里IE6及以上，FF，google等都将显示粉红色
复制代码

但是，当一个样式内部有多个相同属性的时候。例如：

.content { color: pink !importent; color: orange };
// IE7及以上，FF, google显示粉红色，而IE6将显示橙色（原因是一个样式内重复设置了属性，后面的就会覆盖掉之前