page contents

介绍一下标准的css的盒子模型 低版本IE的盒子模型有什么不同?

轩辕小不懂 发布于 2021-12-06 16:16
阅读 530
收藏 0
分类:WEB前端开发
  • CSS
  • 2582
    Nen
    Nen
    - 程序员

    标准模型由四部分组成:

    内容区域: 可以放置元素的区域如文本,图像等,一般设置宽高指的是这个内容的宽高

    内边距的区域:内容与边框之间的距离

    边框区域: 边框

    外边框区域:由外边框限制,用空白区域扩展边框区域,开分开相邻的元素

    模型区分:

    标准表型指的是设置box-sizing为content-box的盒子模型,一般width,height指的是content的宽高。IE盒模型指

    的是box-sizing为border-box的盒子。宽高的计算是content+padding+border;

    请先 登录 后评论