padding和margin的区别 代码

一、padding和margin的区别 代码

下面讲解 padding和margin常用的用法

一、padding

1、语法结构

(1)padding-left:10px; 左内边距

(2)padding-right:10px; 右内边距

(3)padding-top:10px; 上内边距

(4)padding-bottom:10px; 下内边距

(5)padding:10px; 四边统一内边距

(6)padding:10px 20px; 上下、左右内边距

(7)padding:10px 20px 30px; 上、左右、下内边距

(8)padding:10px 20px 30px 40px; 上、右、下、左内边距

2、可能取的值

(1)length 规定具体单位记的内边距长度

(2)% 基于父元素的宽度的内边距的长度

(3)auto 浏览器计算内边距

(4)inherit 规定应该从父元素继承内边距

3、浏览器兼容问题

(1)所有浏览器都支持padding属性

(2)任何版本IE都不支持属性值“inherit”

二、margin

1、语法结构

(1)margin-left:10px; 左外边距

(2)margin-right:10px; 右外边距

(3)margin-top:10px; 上外边距

(4)margin-bottom:10px; 下外边距

(5)margin:10px; 四边统一外边距

(6)margin:10px 20px; 上下、左右外边距

(7)margin:10px 20px 30px; 上、左右、下外边距

(8)margin:10px 20px 30px 40px; 上、右、下、左外边距

2、可能取的值

(1)length 规定具体单位记的外边距长度

(2)% 基于父元素的宽度的外边距的长度

(3)auto 浏览器计算外边距

(4)inherit 规定应该从父元素继承外边距

3、浏览器兼容问题

(1)所有浏览器都支持margin属性

(2)任何版本IE都不支持属性值“inherit”

二、Android中margin和padding的区别

Android中 padding和margin的简单地理解:margin为外边距,padding为内边距。

1.padding的常用属性:

android:paddingTop

android:paddingBottom

android:paddingLeft

android:paddingRight

2.margin的常用属性:

android:layout_marginTop

android:layout_marginBottom

android:layout_marginLeft

android:layout_marginRight

三、网页中padding和margin的问题

首先看你的父级dl 也可能是#main #linkarea 使用了padding 属性如dt在使用margin会有些矛盾。

你要正确的理解padding 和 margin 的作用

padding 是元素向内填充 而margin是外边距。举个例子吧;

假如把dt元素比作是一个箱子 你给箱子的边上都贴上15px 的膜 然后你又让你的箱子在有外边距那个内填充不就冲突了么。

如果使用margin的话 就要改一下代码结构。那就是不给dt使用padding属性。然后定义dt下的img标签的样式属性为margin:15px 也能达到同样的效果。

如还不是很清楚请继续追问

四、用Margin还是用Padding的区别是什么

marging  指的是当前设置框距离外面元素距离 

padding  指的是当前设置框距离里面元素的距离

五、div中border,margin和padding的区别和用法

margin 外边距 border 边框 padding 内边距 也就是说 设置margin 那么他所占据的空白地方会是在边框外面 设置padding 他所占据的空白地方是在边框里面,图解一下就更清楚了。 如上图,A,B两个方框,A代码padding,B代表margin,现在我们看A箭头与蓝...

六、如何理解body的margin和padding

首先你可以把body看做一个正方形,margin就是这个正方形边框外部的边距,padding是边框内部的边距

IE6有个margin浮动的问题 可以用display:inline解决,如果还有问题可以继续提问