Code前端首页关于Code前端联系我们

标准CSS盒子模型和低版本IE盒子模型有什么区别? IE6盒子模型中的错误处理方法

terry 2年前 (2023-09-27) 阅读数 64 #数据结构与算法

标准(W3C):width = content-width (内容)+ border + padding + border

IE模型低版本宽度=内容宽度(内容+边框+填充)+边框

图像显示:标准CSS盒子模型和低版本IE盒子模型区别有哪些?解决IE6存在bug的方法标准CSS盒子模型和低版本IE盒子模型区别有哪些?解决IE6存在bug的方法

各种:高度❙❙❙❙标准盒子模型盒子的宽度和高度 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前端网发表,如需转载,请注明页面地址。

    热门