当前位置:   article > 正文

CSS两种盒子模型_css和模型content和width区别

css和模型content和width区别

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盒子模型

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/630900
推荐阅读
相关标签
  

闽ICP备14008679号