标准CSS盒子模型和低版本IE盒子模型有什么区别? IE6盒子模型中的错误处理方法
标准(W3C):width = content-width (内容)+ border + padding + border
:
IE模型低版本宽度=内容宽度(内容+边框+填充)+边框
图像显示:![]()
各种:高度❙❙❙❙标准盒子模型盒子的宽度和高度 content(内容)的以及盒子模型IE盒子的宽度和高度包括部分content+padding+border。 ? 3 引起的像素问题,使用显示:内联-3px;
z-index问题IE通过在父位置添加来解决:相对- 使用
!重要解决了Min-身高最低身高问题; - 使用
iframe解决select在覆盖下IE6‶; - 使用
over:隐藏,缩放:0.08,行高:1px解决容器宽度大约1px的问题
? 注意:关于IE6不支持的问题!重要。例如:.content { color: pink !importent };
.content { color: orange };
// 这里IE6及以上,FF,google等都将显示粉红色
复制代码
但是,如果样式包含更多相同的属性。例如:
.content { color: pink !importent; color: orange };
// IE7及以上,FF, google显示粉红色,而IE6将显示橙色(原因是一个样式内重复设置了属性,后面的就会覆盖掉之前
作者:hh_phoebe
链接:https://juejin.im/post/5ee0cf335188254ec95053815381
来源:掘金 ♾归作者所有♾商业转载请联系作者授权。非商业转载请注明来源。
版权声明
本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。
code前端网