就是把周围的内容全部封装到一个盒子啊!
最大案例就是bootstrap 框架了
举例里面的例子
.container {
padding-right: 15px;
padding-left: 15px;}
.row {
margin-right: -15px;
margin-left: -15px;
position: relative;
}
外面就是形成类似一个生活用的盒子!把周围边距间距边框全部封起来形成一个盒子
里面内容再怎么蹦跶 也还是在里面
盒子模型有哪四要素
它有:外边距(margin)、边框(border)、内边距(padding)、内容(content)四个属性;
其中:margin-right,maring-left,margin-top,margin-bottom
padding-right,padding-left,padding-top,padding-bottom
什么是盒子模型?
在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。
全部评论