14
2020
12

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

标准模型由四部分组成:


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

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

边框区域: 边框

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

模型区分:

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

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。