Margin
语法:
margin : auto | length
取值:
auto : 取计算机值
length : 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。除了内联对象的上下外补丁外,支持使用负数值。
Padding
语法:
padding : length
取值:
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。不允许负值。
margin和padding属性简单来讲可以理解为元素的外边距和内边距,也就是说 设置margin 他所占据的空白地方会是在边框外面 ,
设置padding 他所占据的空白地方是在边框里面,
还有个不区别就是Margin支持负数值.尔padding不允许用负值.
如示例:
以下为引用的内容: <div style="border:10px solid #999999;"> <div style="border:1px solid #FF0000;margin-left:20px;">margin-left:20px,可以看出文本和红边框和距离为0,而边框和父元素的距离为20</div> <div style="border:1px solid #FF0000;padding-left:20px">padding-left:20px,可以看出文本和红边框和距离为20,而边框和父元素的距离为0</div> <div style="border:1px solid #FF0000;margin-left:-20px">margin-left:-20px,margin支持负数值</div> <div style="border:1px solid #FF0000;padding-left:-20px">padding-left:-20px,而padding不支持负数值</div> </div> |