盒模型

最新推荐文章于 2024-09-29 09:20:06 发布

yumin hu

最新推荐文章于 2024-09-29 09:20:06 发布

阅读量84

点赞数 1

文章标签：前端盒模型 web

本文链接：https://blog.csdn.net/hu_corn/article/details/90213211

版权

  盒模型一般用来计算元素的宽高和位置的，盒模型一般分为W3C的标准盒模型和IE盒模型，IE8以前不遵循标准盒模型，IE9以后遵循标准盒模型，标准盒模型宽度=左外边距+左边框+左内边距+中间内容+右内边距+右边框+右外边距。W3C标准盒模型的边框是不算在盒子里的，IE盒模型的边框是算在盒子里的，例如有个宽度为400 的盒子，标准盒模型的宽度为  内容宽度400+两个边框宽度2=402，IE盒模型的宽度为内容物宽度为398+两个边框宽度2=400.![在这里插入图片描述](https://img-blog.csdnimg.cn/20190514191837484.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1X2Nvcm4=,size_16,color_FFFFFF,t_70)