padding属性设置所有内边距属性行内非替换元素上设置的内边距不会影响行高计算因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠元素的背景会延伸穿过内边距不允许指定负边距值padding属性和paddingtop，paddingbottom是不一样的padding属性是pa。

padding这四个值的顺序是上top右right下bottom左left，也就是按照顺时针方向排列在CSS中，padding属性用于设置元素的内外边距，当指定四个值时，这些值遵循特定的顺序来定义元素各个方向的填充空间这种顺序是基于盒模型的布局，其中顶部首先被定义，然后是右侧，接着是底部，最后。

1实例代码如下此时页面效果如下2修改第1步中的txt样式，加入textdecorationunderline此时页面效果如下，出现了下划线二通过设置div的border实现效果实例演示如下在第一种方法的初始代码上，增加borderbottom 1px solid blackpaddingbottom 10px两个关键样式，如下此时页面效果如下。

Padding填充属性定义元素边框与元素内容之间的空间Padding属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度行内非替换元素上设置的内边距不会影响行高计算因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠元素的背景会延伸穿过内边距不。

如果你说的是用javascript控制css属性的话，遇到类似css的paddingbottom这样的属性，采用小驼峰式的写法，也就是第一个单词字母小写，第二个单词字母大写就是下面这种写法 documentgetElementByIdquotquotstylepaddingBottom = #3910px#39。

paddingBottom 是指控件中内容距离控件底边距离比如Button高10dp，宽10dp，将paddingBottom =10dp，那么Button高就变为20dp，Button内容靠上显示，距离底边10dplayout_marginBottom是指控件边以外空下的距离，比如Button1和Button2垂直显示，将Button1中layout_marginBottom = 10dp，那么Button1与Button。

单独使用填充属性是在一个声明中设置元素的所内边距属性缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变padding20px，表示四个方向的内边距都是20pxpadding20px40px，表示paddingtop和paddingbottom为20px，paddingright和paddingleft为40px。

二Padding的属性在CSS层叠样式表中，可以使用padding属性来定义元素的内部空间padding属性可以分为四个方向上右下和左，分别用paddingtoppaddingrightpaddingbottom和paddingleft表示也可以使用padding来一次性定义四个方向的内边距，例如padding 10px 20px 10px 20px上右下。

你这里是因为发生了吞吃现象，就是父级设定了padding和margin后子级再设定的话就会吞掉一部分，你自己可以随便做下试验就能验证了还有就是如果你对几列div高度不好计算的情况下还设定padding属性，那么很容易造成高度混乱，因为浏览器显示的高度是div赋值的高度加上padding上下的值height10px+padding。

四与其他CSS属性的关系 除了与其他margin属性一起使用，`marginbottom`还可以与`paddingbottom`等属性共同工作，实现更为复杂的布局效果当元素内有内容时，底部的内边距和外边距共同决定了元素与其内容之间的空间大小总的来说，`marginbottom`是一个简单而强大的CSS属性，通过调整它，可以有效地。

3 padding 接受长度值或百分比值，但不允许使用负值4 示例如果希望所有内边距都是10 像素，只需要设置padding10px 就可以了5 也可以分别设置4个边的内边距，只需通过它们的单独属性，分别设置上右下左内边距paddingtop paddingright paddingbottom paddingleft 简写就是。

例如，在文本段落周围添加Padding可以使文本更容易阅读和理解此外，Padding还可以用于调整图像或其他元素周围的空白区域，使页面布局更加美观和协调在CSS中，Padding可以通过不同的属性进行设置，如paddingtoppaddingrightpaddingbottom和paddingleft，分别用于控制元素的上右下左四个方向的内。

什么原因呢当个子元素设置margintop属性时，如何父元素没有设置padding属性，即padding属性为0，那么会出现以上这个情况再来看一个实例html 其在IE6和IE7下显示效果为 margin20px 只有marginbottom失效了解决办法只要在浮动的最后一个元素后面加上。

DIV高度自适应比较麻烦，你可以设置DIV元素的属性，paddingbottompxmarginpx实现，一个正值，一个负值，刚好抵消但是这个必须设置父容器overflowhidden否则在FF下，会出现页面很长的问题文字左右对其，同一行，表格两列是最好的，分别用align left right实现，当然也可以用两个。

1元素的margin的topbottom及padding的topbottom使用百分比作为单位时，其是相对父元素的宽度width的而不是我们想象的高度height其实出现这种现象，我们可以巧用marginpadding的百分比值实现高度自适应当然该元素高度上的百分比是相对其父元素高度的百分比的，minheight及maxheight也适用这条规律2。