CSS盒子模型
2016-09-04 16:47
239 查看
盒子模型是一种思想。
一个盒子的边框,内容,内填充物,外填充物的组合
标准的盒子模型(W3C推荐使用)
外边距(margin)、边框(border)、内边距(padding)、内容(content)四个属性;
以水平方向为例:
![](https://img-blog.csdn.net/20160904165138778?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
margin-left+border-left+padding-left+conent(width)+padding-right+border-right+margin-right
盒子整体的尺寸=margin*2+border*2+padding*2+conent(width)
一个盒子的边框,内容,内填充物,外填充物的组合
标准的盒子模型(W3C推荐使用)
外边距(margin)、边框(border)、内边距(padding)、内容(content)四个属性;
以水平方向为例:
margin-left+border-left+padding-left+conent(width)+padding-right+border-right+margin-right
盒子整体的尺寸=margin*2+border*2+padding*2+conent(width)