CSS

说说你对低版本IE的盒子模型的理解

发布于 2021-01-11 17:14:00
关注者
0
被浏览
121
3 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    低版本的IE盒子指的是 content包含padding和border在内的盒子模型
    即content宽高=width/height+padding2+border2

    可以通过设置box-sizing:border-box来指定使用IE盒子模型

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    一个CSS盒子由四部分组成,由内到外依次是:content、padding、border、margin。

    所谓盒子模型定义的是盒子宽高的计算方法,IE盒子模型的宽高为content、padding、border之和。而W3C盒子的宽高仅为content。从页面布局来说前者实际上更实用一点,这也是后来W3C提供box-sizing属性用于切换盒子模型的原因。

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    盒子模型:content,padding,border,margin
    W3C盒子宽高为content的宽高; box-sizing: content-box;
    IE盒子宽高,content + padding + border; box-sizing: border-box;

知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看