PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> HTML >> 

css之margin和padding的不同之处

css之margin和padding的不同之处

来源:phperz.com  作者:phperz.com  发布时间:2008-03-31
Margin 语法: margin : auto | length 取值: auto : 取计算机

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>

运行效果:
 

Tags: style   div   css   dd   C  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号