padding

mac层为什么打padding是因为逻辑在处理以太网报文发给MAC的长度需要大于60Byte。这也是智能网卡需要做padding的原因。

如果看到有单独写的，一般由以下几种原因：1、涉及到覆盖以前的padding或者margin声明，必须单独写。2、这种大写的一般是编辑器生成的，也就是说他是使用编辑器中的所见即所得工具，来添加的属性，并非手动写上去的，一般的编辑器不会自动缩写，所以是分开的。3、写代码的人是个生手，不会缩写。

内边距属性

添加box-sizing:border-box;css添加这个属性之后，设置的padding值会在内部显示，不会影响外部大小我们通常一个块级元素实际所占宽高度=外边距（margin）+ 边界宽度(border-width) + 内边距（padding）+ 高度（height） / 宽度（width）如果设置了border-box，实际所占宽高度 = 设置的高度（height）/ 设置的宽度（width）+ 外边距（margin）

Android的Margin和Padding跟Html的是一样的。通俗的理解:Padding 为内边框，指该控件内部内容，如文本/图片距离该控件的边距Margin 为外边框，指该控件距离边父控件的边距

是一样的 0px和0 0em 和0 类似这些都是一样的

这 一定要用span吗？换成div多方便啊 你把str += "<span class="idSpan">123</span>"这行换成str += "<div class="idSpan">123</div>"效果就好了吧

margin：外边距padding：内边距也可根据下面图片来认识下

你需要了解一下“css盒子模型”padding是内边距，属于盒子内部。margin是外边距，属于盒子外部。

margin：外边距padding：内边距结合下图，通过HTML测试，相信你很快就会理解：

可以通过css的box-sizing改变盒子模型。设置值为content-box的时候宽高就不包括边框border和内边距padding。

上下内边距为5px,左右内边距为0px;例子1：padding:10px 5px 15px 20px;上内边距是 10px右内边距是 5px下内边距是 15px左内边距是 20px例子 2padding:10px 5px 15px;上内边距是 10px右内边距和左内边距是 5px下内边距是 15px例子 3padding:10px 5px;上内边距和下内边距是 10px右内边距和左内边距是 5px例子 4padding:10px;所有 4 个内边距都是 10px这样padding应该能掌握了。望采纳。

内边距上下左右分别为0像素

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。注释：允许使用负值。border 简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性：border-width边框宽度；border-style边框样式；border-color边框颜色。padding 简写属性在一个声明中设置所有内边距属性。这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。注释：不允许使用负值。

-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;

padding 是边框和里面内容之间的间隙如果你设置了padding，padding的值是不变的，当内容+padding大于容器时，它会以容器的左上角为中心，保持padding的距离向外扩展。内容不会被padding挤压的。

简单来说pad 作名词时是具体看得见的一块衬垫，如衬在茶杯下的；作动词是衬垫的动作。padding作名词是衬垫材料；作动名词是衬垫动作的名词化。这句句子的意思是“他原本希望他衬衣的额外衬垫会保护他的”padding是所作的总的额外衬垫措施，不能换为pad;如用pad,意思就变成“垫在衬衣里面的那块多加的垫子会保护他的”

第一：行内元素与宽度宽度不起作用span {width:200px;}没有变化第二：行内元素与高度高度不起作用span{height:200px;}没用变化第三：行内元素与padding,marginspan{padding:200px;}影响左右，不影响上下 ,span包裹的文字左右位置改变，上下位置不变，但背景色会覆盖上面元素的内容行内元素（inline-block）的padding左右有效 ，但是由于设置padding上下不占页面空间，无法显示效果，所以无效。其margin-top和padding-bottom上下会合并，所以不建议使用。

margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。蓝色就是我内容区域，border就是盒模型（即容器本身大小），给padding就是绿色的区域,也就是在容器内的填充。给margin 就是盒子模型外的填充

CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。例如，如果您希望所有 h1 元素的各边都有 10 像素的内边距，只需要这样：h1 {padding: 10px;}您还可以按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值：h1 {padding: 10px 0.25em 2ex 20%;}

详情参考css盒子模型相关知识。

padding有一个值的情况下：上下左右都使用该值；有两个值的情况下：第一个值是上下，第二个值是左右；有三个值的情况下：第一个值是上，第二个值是左右，第三个是下；有四个值的情况下：依次是 上右下左；border一般形式是border: 1px solid #F00; // 宽度 样式 颜色其中 宽度 和 颜色可以不指定；会呈现默认形态；样式不指定 会没有边框，因为默认值是none

padding在html中是内边距的意思。这是一个设置内边距的简写属性，可以定义元素边框与元素内容之间的空间，即上下左右的内边距。padding属性可以在一个声明中设置元素所有内边距的宽度，或者设置各边上内边距的宽度。当元素的 padding(填充)内边距被清除时，所释放的区域将会受到元素背景颜色的填充。单独使用 padding 属性可以改变上下左右的填充。padding简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

padding 是内容与内容边框间的间隙，该区域有背景色，其背景色与内容区域相同margin 是内容边框与父标签内容间的间隙，该区域是透明的，因此父标签的背景能显示出来，即margin的背景取决于父标签的背景。例<style type="text/css">div {background-color:rgb(250,0,0)}p {background-color:gray；padding:10px;margin:10px}</style>……<div> This is Div <p>This is paragraph</p></div>This is Div 显示为红色This is paragraph 显示为灰色，其内容周围也有灰色的空白区域（padding的作用）,外部的margin却显示为红色了

1、padding属性是css用于在一个声明中设置所有padding属性的简写属性。2、Padding属性包含了paddingleft：左补距离(设置距左内边距)。paddingtop：头顶补距离(设置距顶部内边距)。paddingright：右补距离(设置距右内边距)。paddingbottom：底补距离(设置距低内边距)。其二维构建图可见CSS属性二维图。3、paddingleft用法：padding-left：10px。这个意思距离左边补距10像素，可跟百分比如(padding-left：10%。距离左边补10%的距离)。4、paddingright用法：padding-right：10px。这个意思距离右边补距10像素，可跟百分比如(padding-right：10%。距离右边补10%的距离)。5、paddingtop用法：padding-top：10px。这个意思距离顶边补距10像素，可跟百分比如(padding-top：10%。距离顶边补10%的距离)。6、paddingbottom用法：padding-bottom：10px。这个意思距离低边补距10像素，可跟百分比如(padding-bottom：10%。距离底边补10%的距离)。

被过滤器规则过滤的。padding被划掉了是因为被过滤器规则过滤的。DevTools控制台向您显示一条消息，指出无法解析padding值，并且声明已被删除。

padding是调整盒子的内容区与盒子的border的边距

1. padding是内边距的意思，相对于margin外边距。2. 我们用CSS的 padding 属性定义元素边框与元素内容之间的空白区域。3. padding 接受长度值或百分比值，但不允许使用负值。4. 示例：如果希望所有内边距都是10 像素，只需要设置：padding:10px; 就可以了。5. 也可以分别设置4个边的内边距，只需通过它们的单独属性，分别设置上、右、下、左内边距： * padding-top * padding-right * padding-bottom * padding-left简写就是：padding:1px 2px 3px 4px; (上右下左)，此写法符合标准，推荐使用。

padding在html中是内边距的意思。这是一个设置内边距的简写属性，可以定义元素边框与元素内容之间的空间，即上下左右的内边距。padding属性可以在一个声明中设置元素所有内边距的宽度，或者设置各边上内边距的宽度。当元素的 padding(填充)内边距被清除时，所释放的区域将会受到元素背景颜色的填充。单独使用 padding 属性可以改变上下左右的填充。padding简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

Padding（填充）属性定义元素边框与元素内容之间的空间。Padding属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。扩展资料：可能的值：auto：浏览器计算外边距。length：规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。%：规定基于父元素的宽度的百分比的外边距。inherit：规定应该从父元素继承外边距。内外距离区别：margin与padding如何进行区分，这是很多学html人的困扰，其实说白了padding 就是内容与边框的空隙。而margin则是模块与模块的空隙。参考资料来源：百度百科-padding

上、右、下、左。

Padding（填充）属性定义元素边框与元素内容之间的空间。Padding属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。当元素的Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。可能的值：auto：浏览器计算外边距。length：规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。%：规定基于父元素的宽度的百分比的外边距。inherit：规定应该从父元素继承外边距。内外距离区别：margin与padding如何进行区分，这是很多学html人的困扰，其实说白了padding就是内容与边框的空隙。而margin则是模块与模块的空隙。当元素的padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。单独使用padding属性可以改变上下左右的填充。padding属性内边距的百分比数值CSS padding属性的百分比数值是相对于其父元素的width计算的，如果改变了父元素的 width，则它们也会改变。

CSS的padding属性用于在任何已定义边框内部生成元素内容周围的空间。使用CSS，可以完全控制填充。有一些属性可用于为元素的每一侧（顶部，右侧，底部和左侧）设置填充。CSS的padding具有用于指定元素每一侧的填充的属性：1、padding-top2、padding-right3、padding-bottom4、padding-left所有填充属性都可以具有以下值：1、length-以px，pt，cm等指定填充。2、％-指定以包含元素宽度的百分比表示的填充。3、inherit-指定填充应该从父元素继承。注意：padding不允许使用负值。扩展资料：padding相当于内边距的意思，而相对于外边距是margin。CSSmargin属性用于在任何已定义边框之外的元素周围创建空间。使用CSS的margin可以完全控制边距。有一些属性可以设置元素每一边的边距（顶部，右侧，底部和左侧）。CSS的margin具有用于指定元素每一边的边距的属性：1、margin-top2、margin-right3、margin-bottom4、margin-left所有边距属性都可以具有以下值：1、auto-浏览器自动计算外边距。2、length-以px，pt，cm等指定边距。3、％-指定包含元素宽度的％的边距。4、inherit-指定边距应该从父元素继承。与padding不同是的margin是允许使用负值的。

CSS的padding属性用于在任何已定义边框内部生成元素内容周围的空间。使用CSS，可以完全控制填充。有一些属性可用于为元素的每一侧（顶部，右侧，底部和左侧）设置填充。CSS的padding具有用于指定元素每一侧的填充的属性：1、padding-top2、padding-right3、padding-bottom4、padding-left所有填充属性都可以具有以下值：1、length-以px，pt，cm等指定填充。2、％-指定以包含元素宽度的百分比表示的填充。3、inherit-指定填充应该从父元素继承。注意：padding不允许使用负值。扩展资料：padding相当于内边距的意思，而相对于外边距是margin。CSSmargin属性用于在任何已定义边框之外的元素周围创建空间。使用CSS的margin可以完全控制边距。有一些属性可以设置元素每一边的边距（顶部，右侧，底部和左侧）。CSS的margin具有用于指定元素每一边的边距的属性：1、margin-top2、margin-right3、margin-bottom4、margin-left所有边距属性都可以具有以下值：1、auto-浏览器自动计算外边距。2、length-以px，pt，cm等指定边距。3、％-指定包含元素宽度的％的边距。4、inherit-指定边距应该从父元素继承。与padding不同是的margin是允许使用负值的。

窗口到元素的距离

CSS的padding属性用于在任何已定义边框内部生成元素内容周围的空间。使用CSS，可以完全控制填充。有一些属性可用于为元素的每一侧（顶部，右侧，底部和左侧）设置填充。CSS的padding具有用于指定元素每一侧的填充的属性：1、padding-top2、padding-right3、padding-bottom4、padding-left所有填充属性都可以具有以下值：1、length-以px，pt，cm等指定填充。2、％-指定以包含元素宽度的百分比表示的填充。3、inherit-指定填充应该从父元素继承。注意：padding不允许使用负值。扩展资料：padding相当于内边距的意思，而相对于外边距是margin。CSSmargin属性用于在任何已定义边框之外的元素周围创建空间。使用CSS的margin可以完全控制边距。有一些属性可以设置元素每一边的边距（顶部，右侧，底部和左侧）。CSS的margin具有用于指定元素每一边的边距的属性：1、margin-top2、margin-right3、margin-bottom4、margin-left所有边距属性都可以具有以下值：1、auto-浏览器自动计算外边距。2、length-以px，pt，cm等指定边距。3、％-指定包含元素宽度的％的边距。4、inherit-指定边距应该从父元素继承。与padding不同是的margin是允许使用负值的。

CSS中的padding属性用于设置元素的内边距，它定义了元素内容与元素边框之间的空间。padding属性可以应用于所有元素，包括块级元素和内联元素。padding属性可以接受一个或多个值，如下所示：```csspadding: 10px; /* 所有四个方向的内边距都为10像素 */padding: 10px 20px; /* 上下内边距为10像素，左右内边距为20像素 */padding: 10px 20px 30px; /* 上内边距为10像素，左右内边距为20像素，下内边距为30像素 */padding: 10px 20px 30px 40px; /* 上内边距为10像素，右内边距为20像素，下内边距为30像素，左内边距为40像素 */```padding属性的值可以是绝对长度（如像素或英寸）、相对长度（如百分比或em单位）或关键字（如auto或inherit）。如果只指定一个值，则四个方向的内边距都将使用相同的值。如果指定两个值，则第一个值将应用于上下内边距，第二个值将应用于左右内边距。如果指定三个值，则第一个值将应用于上内边距，第二个值将应用于左右内边距，第三个值将应用于下内边距。如果指定四个值，则分别应用于上、右、下和左四个方向的内边距。padding属性的作用是为元素提供内边距，可以用于调整元素的布局和外观。例如，可以使用padding属性为元素添加一些空白区域，使其内容与周围的元素分开，或者可以使用padding属性为元素添加一些背景颜色或图像，以增强其视觉效果。

Padding（填充）属性定义元素边框与元素内容之间的空间。Padding属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。扩展资料：可能的值：auto：浏览器计算外边距。length：规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。%：规定基于父元素的宽度的百分比的外边距。inherit：规定应该从父元素继承外边距。内外距离区别：margin与padding如何进行区分，这是很多学html人的困扰，其实说白了padding 就是内容与边框的空隙。而margin则是模块与模块的空隙。参考资料来源：百度百科-padding

padding的意思，它是CSS中的一个属性，用于设置元素内部内容与元素边框之间的空间。padding可以接受一个或多个值，分别对应元素的上、右、下、左四个方向的内边距。以下是一个使用padding属性的示例代码：<!DOCTYPE html><html><head> <title>Padding Example</title> <style> .box { width: 200px; height: 200px; background-color: #f0f0f0; padding: 20px; } </style></head><body> <div class="box"> <p>Hello, world!</p> </div></body></html>这个代码会创建一个200x200像素的灰色盒子，盒子内部有20像素的内边距。在盒子内部，有一个包含“Hello, world!”文本的段落元素。由于盒子有内边距，文本不会紧贴着盒子边框，而是与盒子边框之间有一定的距离。

1. padding是内边距的意思，相对于margin外边距。2. 我们用CSS的 padding 属性定义元素边框与元素内容之间的空白区域。3. padding 接受长度值或百分比值，但不允许使用负值。4. 示例：如果希望所有内边距都是10 像素，只需要设置：padding:10px; 就可以了。5. 也可以分别设置4个边的内边距，只需通过它们的单独属性，分别设置上、右、下、左内边距： * padding-top * padding-right * padding-bottom * padding-left简写就是：padding:1px 2px 3px 4px; (上右下左)，此写法符合标准，推荐使用。

1. padding是内边距的意思，相对于margin外边距。2. 我们用CSS的 padding 属性定义元素边框与元素内容之间的空白区域。3. padding 接受长度值或百分比值，但不允许使用负值。4. 示例：如果希望所有内边距都是10 像素，只需要设置：padding:10px; 就可以了。5. 也可以分别设置4个边的内边距，只需通过它们的单独属性，分别设置上、右、下、左内边距： * padding-top * padding-right * padding-bottom * padding-left简写就是：padding:1px 2px 3px 4px; (上右下左)，此写法符合标准，推荐使用。

一个是内边距，一个是外边距！望采纳

padding四种规则原因如下：padding：10px，此种写法表示，上下左右都是10px的间隔。padding:5px 10px;此种写法表示上下为5px，左右为10px。padding:5px 10px 7px;此种写法表示上边间隔为5px，左右间隔为10px，下边间隔是10px。padding:1px 2px 3px 4px; 此种写法表示上下左右分别为1px，2px，3px，4px。制定四种规则的原因是比较方便，如果没有padding:10px此种写法，那么就得这么来写了padding-top:10px,padding-bottom:10px;padding-left:10px;padding-right:10px,所以说有此四种规则是简化了写法。

padding属性用于设置内边距，即边框与内容之间的距离。 值的个数 /表达意思 padding:5px; 1个值，代表上下左右都有5像素内边距； padding:5px 10px; 2个值，代表上下内边距是5像素 左右内边距是10像素； padding:5px 10px 20px; 3个值，代表上内边距5像素，左右内边距10像素，下内边距20像素； padding:5px 10px 20px 30px; 4个值，上是5像素，右是10像素，下是20像素，左是30像素，顺时针。 以上4种情况，实际开发都会遇到。 给指定盒子添加padding值之后：

定义和用法padding 属性设置元素的内边距。padding 属性定义元素边框与元素内容之间的空间。该属性可采取 4 个值：如果规定一个值，比如 div {padding: 50px} - 所有四个边的 padding 都是 50 px。如果规定两个值，比如 div {padding: 50px 10px} - 上下内边距是 50 px，左右内边距是 10 px。如果规定三个值，比如 div {padding: 50px 10px 20px} - 上内边距是 50 px，左右内边距是 10 px，下内边距是 20 px。如果规定四个值，比如 div {padding: 50px 10px 20px 30px} - 上内边距是 50 px，右内边距是 10 px，下内边距是 20 px，左内边距是 30 px。

ps：如果想要深入了解css盒模型，可以去 w3cSchool 找到关于盒模型的详细概述，这里只会简单的介绍部分盒模型相关的知识 这是一个元素的盒模型展示，几乎所有元素都是使用这种盒模型构成的，盒模型分四个部分，从里到外分别为 element(元素) 、 padding(内边距) 、 border(边框) ， margin(外边距) 写在双闭合标签里面的内容通常会显示在元素的element部分，也就是内容区。 页面中的显示效果为： 如果我在div内部再加一个图片，则div的内容区域被继续撑开： 呈现效果为： padding不会占据元素的内容区域，但是它会扩展一个元素的内部区域，可以打一个比方，我们每个人本身就好比是一个元素的element，而你身上穿的衣服就好比是元素的padding部分，你的衣服既是你又不是你本身，别人在找你的时候如果碰到你的衣服你可以感觉到是有人触碰了你，但是你的身体本身并不会延伸到衣服的内部 还是使用上面的那个div，我们现在给这个div加上一个padding，在这之前为了方便观察，我们先给这个div加上一个背景颜色和宽度， 现在呈现出来的效果： 我们可以看到，现在文字和图片还是在这个元素的底部的，我们现在给他加上一个50px的padding 其中蓝色部分是element，也就是元素的内容区，400 * 125代表了我们设置了400px的宽度，里面的图片高度是125px，内容区被撑开，所以此时元素的内容区是400 * 125像素的大小，然后往外看，padding有4个50，这是代表了这个元素在上下左右四个方向上的padding都是50像素，此时我们整个元素的占位宽度就是400+50+50=500px，高度则是125+50+50=225像素，所以但是由于元素内容的部分不能延伸到padding区域，所以上面的文字和图片还是都在元素本身的内容区，不会随着元素尺寸被padding撑大而向外扩展。 再回到这张图片 现在我们有一个a标签构成的超级链接，点击这个a标签可以跳转到对应的页面，但是有的时候在页面中文字可能比较小，如果只有在点击到文字上时才能跳转的话会影响用户体验，所以我们要让a标签的点击区域变大，有两种方式可以解决这个问题： 为了方便观察，我们同时给他一个背景色 这时，我们由于扩大了a标签的宽度和高度，所以整个绿色的区域都是a标签的范围，自然都可以实现点击效果。 上面那种方式可以实现大多数需求，但是现在还有一个问题，就是当a标签的可点击范围不固定时，或者由于种种问题我们不能给a标签转成块级元素时，上面那种方法就不生效，比如下面这种场景： 这是一个通常网页中常见的菜单栏，现在我有一个需求，就是需要给被点击超级链接加大尺寸方便点击，同时加一个统一的背景颜色，以便于让用户区分哪些是可以被点击的区域。 按照上面的那种方式，我们可以这样设置 呈现的效果是 这时如果我们想要给文字居中还需要设置两个样式： 然后出来的效果是这样的： 这时我们已经达到了我们所需要的效果，但是还有一种情况，就是当列表内的文字长短不一时，这种方式就会出现问题： 边框的使用没有什么好说的，只有几个主要注意的地方： 其中1、2比较容易理解，下面解释一下第3点。 我们在做页面的时候，有的时候会使用这样的特效： 这两种效果最大的区别在于2比1多了一个过渡的效果。 按照没有过渡效果的border（以下简称效果1）的思路，转变成有过渡效果的border（简称效果2）应该只需要加一个 transition 作过渡动画就可以了，但实际上如果我们只是在效果1的基础上加了一个 transition 的话则会出现这样的效果： 在初学css时，margin和padding最容易混淆，实际上我们只需要注意两者最大的区别就可以，那就是 padding 可以延伸 background 的属性，主要是 background-color 和 backgound-image ，而 margin 不会延伸这些属性。 我在这里写了两个div，给他们加了同样的宽度并分别加了背景颜色，同时给div1加了几个文字内容，由于块级元素的特性，他们分别处于两排。 现在我给div1设置50px的padding 可以看到，现在div1的元素本身被撑大了，现在div1的高应该是50 + 200 + 50 = 300px 同样，由于上面提到的padding的特性，所以文字依然是在内容区，没有进入padding的部分。 此时我们可以看到，div1的整体尺寸被放大了，同时背景颜色延伸到padding的范围。 现在我再给div1设置5px的border 这时div1的整体高度应该是5 + 50 + 200 + 50 + 5 = 310px 然后再设置20px的margin： 我们先不用管其他方向，先看下面，也就是div1和div2交接的地方。 在这里我们可以看到div1和div2之间有20px的间距，这一部分就是div1的margin，而且和padding最大的区别是这一部分没有延伸div1的背景色和内容区域，同时也没有让div的元素尺寸发生改变 因此我们可以这样理解 这里看完了，我们现在再回头看margin右侧的问题 我们可以发现，Chrome在审核元素时会自动将对应部位改变颜色，在右侧鼠标放在对应的位置时，左侧的元素也会实时响应出对应位置，如图所示，在element、padding、border时显示均正常，margin时上、左、下三个方向也没有问题，唯独右侧会比我设置的margin要大得多（ margin:20px ），这是因为块级元素独占一行的特性，让他在自己元素本身同行的位置会有默认的 margin:auto; ，即 同行下所有元素没有占的位置均为这个元素的margin ，这也是块级元素不能和其他元素同行的原因。 元素的盒模型会有各种各样特殊的问题，下面举几个常见的例子以及经常出现的问题和解决方式： 我们在布局时，由于元素的高度通常为后台提供，所以前端页面的部分通常不会给固定的高度以免结构混乱，所以我们在布局时需要灵活运用padding和清浮动。 上面一个div内部有一个ul无序列表，div上下均距离ul有一定的距离。 在我们写静态页面时无序列表的数量可能是固定的（4个），但是js加载时通常数量不固定，可能少于4个也有可能更多，这时如果我们给一个固定的高度则会出现内容溢出的问题 所以这里我们需要给div设置上下相等的padding，而不是固定高度。 在HTML中，一个元素内部的第一个子元素如果有margin-top的话即会将子元素的margin-top赋给父元素： 如图所示，我在元素中给h1设置了margin-top，但是h1的margin-top并没有生效，而是传递给了它的父元素div，导致div整个被拉了下来，布局错乱。

内边距处于父元素和子元素之间，设置在父元素上，可以理解成物品和盒子中间塞的那层泡沫塑料，使用padding属性。 padding后面可跟多个值，中间用空格分离，含义如下： 我们放置一个宽高为200px的红色大盒子，其中包着一个宽高为100px的粉色小盒子。 我们给大盒子设置一个内边距为50px。 我们会发现给父元素设置了一条左内边距后，它的宽度也被撑大了，这显然不是我们想要的效果，解决方法就是如果加了左内边距，就把父元素宽度缩小相应长度，比如我们刚刚增加了50px的左内边距，就把父元素宽度从200px变为150px，就能达到效果啦，其它方向也是一样的，比如加了上内边距就缩小高度。 下图就可以理解成一个盒子里面套了一个列表，中间有内边距： 我们再来看下面这个图案，由三个盒子和内边距绘制而成。 （盒子就可以替换成其它各种块元素，比如上图里面就是列表） html： css： 可以看到我省略了很多宽高。 （1）由于块元素默认宽度占一整行，高度由内容撑开，我们很多时候可以只给最外面的元素设置宽度，最内部的元素设置高度，其它省略，也能达到效果。 如图3-2-1中，我们只需要提供每个列表元素<li>的高度和外面大盒子的宽度即可，其它用内边距撑起或挤出。 （2）最终的高度和内部元素的宽度都是由最外元素宽度、最内元素高度和所有内边距撑起或者挤出来的。 如图3-3-2中： 中间橙色盒子的宽度=红色大盒子的宽度-红色大盒子的左右内边距 红色大盒子的高度=黄色小盒子的高度+橙色中盒子的上下内边距+红色大盒子的上下内边距。 以上操作仅针对块元素，对于内联元素， 左右内边距 是可以 正常使用 的，而 上下内边距 只能 延伸背景颜色 ，并不会把子元素挤到中间。

torchtext 可以选择将每个batch的sentences padding成同一个长度进行计算，除了运行速度和简便，我在想是不是有算法要求必须padding. 也有一些算法是要把所有的句子都padding成一个长度。 比较常用的方法是 Yoon Kim的方法，每个句子经过卷积层之后得到的其实是不同的kernel卷积的结果（根据kernel大小不同，卷积结果也长短不一），然后pooling。因为pooling不受限于输入的size大小，所以这里不同的batch可以用不同的pooling，并且pooling出来的size也是相同的。 在batch处理的时候，每个batch一起计算， 为了保证kernel卷积出来的长度相等，所以每个batch padding成一个长度几乎是必需的 。 LSTM是将句子中的词逐个输入LSTM神经元，那么hidden state的维度，其实是人为指定的。 （句子的长度不影响句子的embedding的长度） 在batch处理的时候，每个batch一起计算，那么padding成一个长度会简化计算。（ 或者说，如果按照batch的循环，每个句子同时处理，那么为了保证输入神经元的次数是一样的，那么每个batch padding成一个长度几乎也是必需的。 ） Attention在算相似度矩阵时，如果按照batch计算，是一定要padding的，因为这个Layer对每个pair产生一个矩阵，如果一个batch中的矩阵中的大小不一，那么对相似度矩阵的操作也将各不相同。 所以每个batch要padding成同一个长度。 那么是否要统一一下每个batch padding的长度呢？ 这就取决于对相似度矩阵的操作是否可以无视相似度矩阵的大小。 比如，decomposable attention是利用相似度矩阵做加权平均，再和对应的词concat起来， 并且在最后每个句子求和，得到了一个向量，这个向量的维度其实是词向量的2倍，与任何句长都无关，那么这里每个batch 内部padding就可以了。

文字的边缘距边框的距离 padding-top文字的边缘距上面框的距离

基于本控件内的位置关系。

内边距，就是内部信息到边框的距离

padding是内边距，这里这句代码表示当前这个div，上内边距为10px，右内边距为0px，下内边距为10px，左内边距为20px。padding有上下左右四个方向，这个代表上下0，左右10px。数字单位的值里面不能允许有这种特殊字符值合法，这是写错，应该是：padding：0 10px；输入法里面可以打特色字符，要看用什么输入法，搜狗是按v+1出来特殊字符。扩展资料：当元素的 padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。单独使用 padding 属性可以改变上下左右的填充。padding-top:20px；上内边距padding-right:30px，边距padding-bottom:30px；内边距padding-left:20px；内边距padding:1px四边统一内边距padding:1px1px上下，右内边距padding:1px1px1px上，右，内边距padding:1px1px1px1px上，下，内边距注释：不允许使用负值。参考资料来源：百度百科-padding

padding是指自身边框到自身内部另一个容器边框之间的距离就是容器内距离。

css样式的padding的4个方向顺序是：上 右 下 左。基本上内边距与外边距都是这么用的。记得数字后面要加单位的。具体分析如下：1、新建一个html文件，命名为test.html，用于讲解css样式中padding属性的4个方向顺序是什么。2、在test.html文件内，使用a标签创建一个链接，链接的名称为测试。3、在test.html文件内，设置a标签的class属性为incss，主要用于下面通过该class来设置css样式。4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。5、在css标签内，设置类名为incss的样式，使用border属性设置其边框大小为1px，边框线形为实线，边框颜色为红色。在浏览器打开test.html文件，查看实现的页面效果。6、在css标签内，使用padding属性设置a标签四周的内边距，顺序为上右下左，上内边距设置为5px，右内边距设置为20px，下内边距设置为40px，左内边距设置为60px。7、在浏览器打开test.html文件，查看实现的效果。

CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 （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; 上、右、下、左内边距

品牌型号：AppleMac Book Pro 13.3 系统：macOS12.1 padding属性定义元素边框与元素内容之间的空间。padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。 当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。padding:20px，表示四个方向的内边距都是20px；padding:20px 40px，表示padding-top和padding-bottom为20px，padding-right和padding-left为40px。

不一样，padding后面有几种写法，比如padding：10px;那就是padding上下左右都是10px，padding：上 右 下 左这是四个值；padding：上下，左右这是两个值，padding：上 左右 下这是三个值，padding-top：只是“上”的值，padding-bottom：只是“下”的值，padding-left：只是“左”的值，padding-right：只是“右”的值

内边距，盒模型中边框之内的部分。

padding在css中的意思为“填充”或“内边距”。padding在css中用于定义元素边框与元素内容之间的空间，即元素的内边距。padding是一个简写属性，它可以设置元素所有内边距的宽度，或者设置各边上内边距的宽度。同时padding也是内边距属性的缩写形式，可以同时设置上下左右四个方向上的内边距。这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算。因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。css的主要作用css有助于实现负责任的Web设计。CSS对开发者构建Web站点的影响很大，并且这种影响可能是无止境的。将网页的大部分甚至是全部的表示信息从（X）HTML文件中移出，并将它们保留在一个样式表中有诸多优点，如降低文件大小、节省网络带宽以及易于维护等。CSS简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量。只要修改保存着网站格式的CSs样式表文件就可以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外有用。以上内容参考百度百科-css

1. padding的中文意思是：n. 填料；垫料v. 填补（pad 的 ing 形式）2. 词组短语：brake pad 刹车片；盘式刹车片；制动衬块；闸垫launch pad 发射台heating pad 电热垫；取暖电毯3. 同近义词：stuffing 填料，垫料filling compound 填料4. 例句：① Players must wear padding to protect them from injury.运动员们必须戴上护垫以保护自己不受伤害。② She was fired for padding her expenses.她因为虚报她的花费而被解雇。

1. padding是内边距的意思，相对于margin外边距。2. 我们用CSS的 padding 属性定义元素边框与元素内容之间的空白区域。3. padding 接受长度值或百分比值，但不允许使用负值。4. 示例：如果希望所有内边距都是10 像素，只需要设置：padding:10px; 就可以了。5. 也可以分别设置4个边的内边距，只需通过它们的单独属性，分别设置上、右、下、左内边距： * padding-top * padding-right * padding-bottom * padding-left简写就是：padding:1px 2px 3px 4px; (上右下左)，此写法符合标准，推荐使用。

歌曲名:Intermission (Live At Paddington Town Hall)歌手:The Saints专辑:Prehistoric Sounds"Intermission"Scissor SistersTyoka526When you"re standing on the side of a hillFeeling like your day may be doneHere it comesThe strawberry smogChasing away the sunDon"t let those precious moments fool youHappiness is getting you downA rainbow never smiles or blinksIt"s just a candy-colored frownYou were going on at half-past sevenNow it"s going on a quarter "til nineAll the angels want to knowAre you lost or treading water?And you"re going on your fifteenth benderBut you"ve only got a matter of timeYes we"ve all got seeds to sowNot everyone"s got lambs to slaughterWhen the night wind starts to turnInto the ocean breezeAnd the dew drops sting and burnLike angry honey beesThat is when you hear the song falling from the skyHappy yesterday to allWe were born to dieSometimes you"re filled with the notionThe afterlife"s a moment awayYou want to tell someone the way that you feelBut then you ain"t got nothing to sayYou fight for freedom from devotionA battle that will always beginWith somebody giving you a piece of advice;By the way you"re living in sinNow there"s never gonna be an intermissionBut there"ll always be a closing nightNever entertain those visionsLest you may have packed your baggageFirst impressions are cheap auditionsSituations are long goodbyesTruth so often to living dormantGood luck walks and bullshit fliesWhen the headlights guide your wayYou know the place is rightWhen the treetops sing and swayDon"t go to sleep tonightThat is when you see the signLuminous and high:Tomorrow"s not what it used to beWe were born to dieHappy yesterday to allWe were born to diehttp://music.baidu.com/song/2921809

是否写了：box-sizing:border-box看你的截图，实际内容宽度是360px，所以猜测是哪里定义了box-sizing不过不知道ie7是什么现象，只能是猜测。

到Renderer渲染面板3，因为只在UV边缘处出现？反锯齿开关位置1你用的是3dsmax英文版还是中文版.勾选Antialiasing反锯齿和Filter Maps过滤贴图另外对于烘焙来说锯齿是不能消除的。这个问题一般是在烘焙面板里增加Padding参数数值即可解决。通常来说烘焙最容易出现的问题是烘焙图内容小于UV边缘导致模型漏出边缘色.按F102

悉尼大学坐落于悉尼市中心，而新南威尔士大学的主校区Kensington，位于悉尼市中心以东6公里，紧靠悉尼中央商务区和Maroubra海滨，坐公共汽车到市中心只需20-30分钟左右。因此新南威尔士大学距离悉尼大学，差不多就是到悉尼市中心的距离。

margin:0;外边距 =0 padding:0; 内边距=0 overflow:hidden" 溢出 隐藏 scroll="no" 屏幕滚动条 无 这里面都和木马没什么关系 ============================= <iframe 是木马常用的 但是你这里的不像 因为木马的宽高都是为0 而你这里都是设为100%

1、iframe基本知识：iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。<iframe width=420 height=330 frameborder=0 scrolling=auto src="URL"></iframe>可选属性：标准属性：2、操作iframe：[html] view plain copy print? 注：测试环境IE：8.0，FF：23.0.1 a>隐藏iframe表框 i>标签中设置：frameborder="0",<iframe frameborder="0" width="400" height="400" src="http://blog.csdn.net/cuew1987" scrolling="no"></iframe> ii>DOM操作： <body> <iframe frameborder="1" width="400" height="400" src="http://blog.csdn.net/cuew1987" scrolling="no" id="myiframe"></iframe> <script> var myiframe = document.getElementById("myiframe"); myiframe.style.border="none";//FF下有效，IE下无效 myiframe.setAttribute("frameborder",0);//FF下有效，IE下无效 myiframe.frameBorder = 0;//FF下有效，IE下无效 </script> </body> b>动态创建iframe <script> var newFrame = document.createElement("iframe"); newFrame.src ="http://blog.csdn.net/cuew1987"; newFrame.frameBorder = 0;//FF、IE隐藏边框有效 newFrame.width = "400px"; newFrame.height = "400px"; newFrame.scrolling = "no"; document.body.appendChild(newFrame); </script> c>获取iframe i>var obj = document.getElementById("iframeID"); 获取iframe对象，可直接操作iframe标签属性,如只想改变iframe的 src 或者 border ，scrolling 等attributes ii>var dom = frames["iframeName"]; 获取iframe的DOM对象，此对象可用来操作对象，比如想操作iframe页面中的元素。 d>获取iframe中的window对象 function getIframeWindow(obj) { //IE || w3c return obj.contentWindow || obj.contentDocument.parentWindow; //parentWindow 是 parent window object } document.getElementById取到的iframe是不能直接操作里面的document的，只能这样取： IE:frames[id].document或obj.contentWindow.document; FF:dom.contentDocument或obj.contentDocument;不绑定任何事件. e>获取iframe页面高度 function getIframeHeight(obj){ var idoc = getIframeWindow(obj).document; if(idoc.body){ return Math.max(idoc.body.scrollHeight,idoc.body.offsetHeight); }else if(idoc.documentElement){ return Math.max(idoc.documentElement.scrollHeight,idoc.documentElement.offsetHeight); } } f>父子页面互访 i>子访问父： parent.html: <body> <div>等到的信息：<div id="msg"></div></div> <iframe frameborder="1" width="400" height="400" src="son.html" scrolling="no" id="myiframe"></iframe> </body> son.html: <body> <input type="button" onClick="setMsg()" value="setMsg"> <script> function setMsg(){ var msg = window.parent.document.getElementById("msg"); msg.innerHTML= "Hello world!!"; } </script> </body> ii>父访问子： parent.html: <body> <div>等到的信息：<div id="setMsg"></div></div> <input type="button" value="setMsg" onClick="setMsg()"><br> <iframe frameborder="1" width="400" height="400" src="son.html" scrolling="no" id="myiframe"></iframe> <script type="text/javascript"> function setMsg(){ var obj = document.getElementById("myiframe"); var msg = getIframeWindow(obj).document.getElementById("msg"); document.getElementById("setMsg").innerHTML = msg.innerHTML; } </script> </body> son.html: <body> <div id="msg">Hello world!!!</div> </body> 3.iframe高度自适应和跨域：[html] view plain copy print?实际使用iframe中，会遇到iframe高度的问题，由于被嵌套的页面长度不固定而显示出来的滚动条，不仅影响美观，还会对用户操作带来不便 a>同域下的高度自适应 parent.html: <body> <iframe width="400" id="myiframe" onload="setHeight()" height="1" frameborder="0" src="son.html"></iframe> <script type="text/javascript"> function getIframeWindow(obj) { return obj.contentWindow || obj.contentDocument.parentWindow; } function getIframeHeight(obj){ var idoc = getIframeWindow(obj).document; if(idoc.body){ return Math.max(idoc.body.scrollHeight,idoc.body.offsetHeight); }else if(idoc.documentElement){ return Math.max(idoc.documentElement.scrollHeight,idoc.documentElement.offsetHeight); } } function setHeight(){ var myiframe = document.getElementById("myiframe"); myiframe.height = getIframeHeight(myiframe); } </script> </body> 另：document.documentElement与document.body相关说明(W3C DOM2.0规范) document.doucmentElement: documentElement of type Element, readonly,This is a convenience attribute that allows direct access to the child node that is the root element of the document. For HTML documents, this is the element with the tagName "HTML". document.body: document.body is the element that contains the content for the document. In documents with <body> contents, returns the <body> element, and in frameset documents, this returns the outermost <frameset> element. Though body is settable, setting a new body on a document will effectively remove all the current children of the existing <body> element. IE在怪异模型（Quicks Mode）下document.documentElement无法正确取到clietHeight scrollHeight等值，比如clientHeight=0。 获取scrollTop: var sTop=Math.max( (document.body?document.body.scrollTop:0), (document.documentElement?document.documentElement.scrollTop:0), (window.pageYOffset?window.pageYOffset:0) ); b>跨域下高度自适应 页面： index.html:(http://www.csdn.net) <iframe width="400" id="myiframe" onload="setHeight()" height="1" frameborder="0" src="son.html"></iframe> son.html: <body > <iframe id="agentIframe" style="position:absolute; top:-10000;left:-1000;" height="10" width="100%"></iframe> </body> <script> function getHeight(){ var idoc = document; if(idoc.body){ return Math.max(idoc.body.scrollHeight,idoc.body.offsetHeight); }else if(idoc.documentElement){ return Math.max(idoc.documentElement.scrollHeight,idoc.documentElement.offsetHeight); } } window.onload = function(){ var h = getHeight(); document.getElementById("agentIframe").src="http://www.csdn.net#"+h; } </script> agent.html:(http://www.csdn.net) <script> (function(){ var con = parent.parent.document.getElementById("frame_content"); var href = parent.parent.frames["frame_content"].frames["iframeC"].location.hash; con.style.height = href.split("#")[1]+"px"; })(); </script> 4.iframe背景透明：在ie6/7/8下引入iframe的时候，它的背景默认是白色，即使设置了style=”background-color:transparent;”也无效，但是其他浏览器(firefox,chrome,opera,ie9)都正常显示，要解决这个兼容性问题，必须用到一个属性。

Margin和Padding是CSS样式表中用于控制布局和设计的两个重要属性。Margin（边距）是指一个元素与其周围元素之间的间距，用于调整元素之间的距离。Margin决定了元素与其他元素之间的距离，从而影响到整个布局的空间。例如，一个网页的元素需要与其周围内容留出一定的空间，这就需要使用Margin来设置元素与其他元素之间的距离。Padding(填充)是指一个元素的内部空间的大小，用于调整元素内部的距离。Padding影响元素内部的文本排列、图像和其他内容的位置，可以改变元素内部内容与边缘之间的距离。例如，一个按钮需要增加一些内边距，使文本不靠近按钮的边框，这样可以更好的展现按钮及其文本。因此，Margin和Padding的区别在于它们作用的区域不同。Margin作用于元素的外部空间，用于控制元素与其他元素之间的距离；而Padding控制的是元素内部的空间，用于调整元素内部内容与元素边缘之间的距离。

margin是确定边框外部周围的空间大小，padding是确定边框内部周围的空间大小都是用单位px表示。

看看盒子模型就明白了。把各个元素想象成一个装了东西的盒子。margin就是堆放盒子时盒子之间的距离。padding是盒子里面填充物的空间大小。border就是盒子包装本身的厚度了。content就是实际装的东西了。

如果边框没有显示，而且没有设背景图片或背景颜色，margin和padding看上去没有区别。margin是标签和标签之间的空白padding是标签边框和内容之间的空白

（你的意思我没有完全明白过来，所以可能我的了解和你的了解上有点分歧。）margin和border影响都是对外的，就是说，在里面的表不会因为这两个值改变而改变。padding影响是对内的，会影响在其定义的表内部的表。一、margin是和border的距离；二、content距离最外层的div都是1px。如果margin为1,border为1，那么content距离margin还是1PX，因为border是会在原来大小上向外加上的。（这点你可以自己建两个div对比查看。像这样：<div style="width:203px; height:50px; border:50px solid red"></div><div style="width:203px; height:50px; border:1px solid red"></div>）三、margin是对外的，padding是对内的，margin不影响内表，你的content大小是799，799。四：margin和padding都有填充的意思。padding会让content范围缩小，而margin不会。给你一个例子，复制到body里：（你可以把border放大来对比查看效果）-------------------<div style="width:400px; height:400px; background-color:#CCFF66;border:blue 1px solid; position:inherit"><div style="margin:10px; padding:10px; width:300px; height:300px; border:red 1px solid; background-color:#CCCCCC; position:inherit">显示内容与红色线之间的距离就是padding定义的，红线与蓝线之间的距离就是margin定义的(以左上角为准)</div></div>

分别为外边距和内边距

可以看出上下两个AppCompatSeekBar的内边距是一样的，为什么通过paddingHorizontal设置的值会失效呢？ 经过排查发现manifest文件里面有一句android:supportsRtl="true"，当支持从右往左布局为真时paddingHorizontal的设置是无效的，而且paddingLeft和paddingRight设置的值也是无效的，此时只能通过paddingStart和paddingEnd来设置水平内边距。也可以将android:supportsRtl="true"去掉，默认是不支持从右往左布局的，此时我们就可以用paddingHorizontal来设置想要的水平内边距。

margin是外边距，padding是内边距。

如上图margin指的是外部边距，如上图：粉色区域。padding指的是内部边距。如上图：绿色区域

在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 下面讲解 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”

<div class="clear"></div>改为<span class="clear"></span>或者.clear{ clear:both;}改为.clear{ clear:both;height:0;}理由：<div>默认有高度值

left是层位置属性设置，padding-left是层距离层左边距离设置

padding-left 属性设置元素左内边距（空白）。该属性设置元素左内边距的宽度。行内非替换元素上设置的左内边距仅在元素所生成的第一个行内框的左边出现.注释：不允许使用负值。margin-left语法margin-left：[ | | auto ]{1,4}默认值： 0相关属性：[margin ] || [ margin-top ] || [ margin-right ] || [ margin-bottom ]取值auto：值被设置为相对边的值：用长度值来定义外补白。可以为负值：用百分比来定义外补白。可以为负值