CSS盒状模型以一个包含四个成分耐睁庆的有界限的盒子来描述网页中的昌握每个元素:
元素内容(content)本身位于中心。
一个补丁(padding)封套位于内容周围。
边框早裤(border)包围补丁，它为元素的可见区域划分界线。
边缘(margin)包围边框。
就是把周围的内容全部封装到一个盒子啊！
最大案例启笑就是bootstrap 框架了
举例里面的例子 .container {
padding-right: 15px;
padding-left: 15px;}
.row {
margin-right: -15px;
margin-left: -15px;
position: relative;
}
外面就是形成类似一个生活用的盒子！把周围亏源边距间距边框全部封起悄空含来形成一个盒子
里面内容再怎么蹦跶 也还是在里面
css中的盒子模型是为了让你你充分理解div◆css模型的定位功能，就是利用盒子模型这样的布局方式代替了传统的表格布局方历弊式。所以盒子模型是在学习div◆css布局方式中必须要学习的一个肢蔽族模型，通过这个模型你就可以明白网页中div和div之间的相对位并中置是如何布局的。
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模友烂型。
网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。
这些属性可以把它转移到日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式。
每个盒子都有：边界、边框、填充、内容四个桐枯属性；
每个属性都包括四个部分：上、右、下、左；这四部分可同时设置，也可分别设置；里的抗震辅料厚度，而边框有大小和颜色之分，又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的，边界就是该盒子与其它东西要保局告洞留多大距离。
以上就是土嘎嘎小编大虾米为大家整理的divcss盒子模型_CSS中的标准盒子模型和怪异盒子模型相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！