盒子模型

阅读数:1016 发布时间:2016-06-26 16:06:50

作者:zzl005 标签: CSS 盒子模型

padding:内边距
margin:外边距
border:边框

一、边框--border:

二、padding(内边距):

元素内容与边框之间是可以设置距离的,称之为“填充”

三、margin(外边距):

元素与其它元素之间的距离可以使用边界(margin)来设置

总结:padding在边框里,margin在边框外。


元素的宽和高:

一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界
即:margin-left+border-left+padding-left+width+padding-right+border-right+margin-right


相关文章推荐: