Margin 语法: margin : auto | length 取值: auto : 取计算机值 length : 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。除了内联对象的上下外补丁外,支持使用负数值。 Padding 语法: padding : length 取值: length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。不允许负值。 www.phperz.com
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> www.phperz.com <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> |
运行效果: phperz~com
|