网上科普有关“css盒子模型及盒子模型的类型 ”话题很是火热 ，小编也是针对css盒子模型及盒子模型的类型寻找了一些与之相关的一些信息进行分析 ，如果能碰巧解决你现在面临的问题，希望能够帮助到您。
转自 菜鸟教程
所有HTML元素可以看作盒子 ，在CSS中 ，"box model"这一术语是用来设计和布局时使用 。
CSS盒模型本质上是一个盒子，封装周围的HTML元素 ，它包括： 边距（外边距） ， 边框 ， 填充（内边距） ，和 实际内容 。
盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
下面的说明了盒子模型(Box Model)：
转自 链接
盒子模型有两种 ，分别是W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)
1.标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度 。
2.标准盒模型下盒子的大小 = content + border + padding + margin
1.怪异盒模型中的width指的是内容 、边框 、内边距总的宽度（content + border + padding）；height指的是内容、边框 、内边距总的高度
2.怪异盒模型下盒子的大小=width（content + border + padding） + margin
建议不要给元素添加具有指定宽度的内边距，而是尝试将内边距或外边距添加到元素的父元素和子元素 。
即box-sizing属性可以指定盒子模型种类，content-box指定盒子模型为W3C（标准盒模型） ，border-box为IE盒子模型（怪异盒模型）。
关于“css盒子模型及盒子模型的类型 ”这个话题的介绍 ，今天小编就给大家分享完了，如果对你有所帮助请保持对本站的关注！
本文来自作者[夙郑州]投稿，不代表石号立场，如若转载，请注明出处：https://s0429.com/cshi/202512-2177.html
评论列表（4条）
我是石号的签约作者“夙郑州”！
希望本篇文章《css盒子模型及盒子模型的类型》能对你有所帮助！
本站[石号]内容主要涵盖：国足,欧洲杯,世界杯,篮球,欧冠,亚冠,英超,足球,综合体育
本文概览：网上科普有关“css盒子模型及盒子模型的类型”话题很是火热，小编也是针对css盒子模型及盒子模型的类型寻找了一些与之相关的一些信息进行分析，如果能碰巧解决你现在面临的问题，希望...