PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> HTML >> 文章内容
css之margin和padding的不同之处
来源:phperz.com  作者:phperz.com  发布时间:2008-03-31

Margin
语法:
margin : auto | length
取值:
auto  :  取计算机值
length  :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。除了内联对象的上下外补丁外,支持使用负数值。 
 
Padding
语法:
padding : length
取值:
length  :  由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。不允许负值。

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>
php程序员站

<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>

运行效果:
  www.phperz.com

Tags:
相关文章
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长