CSS两种盒子模型

 

CSS的两种盒子模型

两种常用的盒子模型

主要的区别是内容content width和height分别是由什么组成的

1.W3C盒子模型

在标准的盒子模型中，width指content部分的宽度

在CSS中对应 box-sizing: content-box (默认)是W3C盒子模型

在这里插入图片描述

2.IE盒子模型

在IE盒子模型中，width表示content+padding+border这三个部分的宽度

在CSS中对应 box-sizing: border-box 是IE盒子模型

在这里插入图片描述

posted @ 2020-07-07 21:49  fcslow  阅读(267)  评论(0)    收藏  举报