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

标准模型由四部分组成:

  • 内容区域: 可以放置元素的区域如文本,图像等,一般设置宽高指的是这个内容的宽高
  • 内边距的区域:内容与边框之间的距离
  • 边框区域: 边框
  • 外边框区域:由外边框限制,用空白区域扩展边框区域,开分开相邻的元素

模型区分:

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

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

发表评论

后才能评论