CSS padding-bottom属性，设置下内边距

padding-bottom属性

HTML中元素的下内边距的单独设置，可以通过CSS的padding-bottom属性。该属性值可以是像素px、百分比%，也可以是从父类继承等，不允许负值的情况。值得注意的是，如果元素设置了高度height，那么padding-bottom属性的效果会不明显，好像“不起作用似的”，具体可参考下方的实例代码。

下内边距实例代码，及在线编辑器

下方的实例中，将实现两个段落p元素，都设置了下内边距，但第一个设置高度height，第二个没有，以此来展示padding-bottom的经浏览器渲染的效果：

<div class='pt1'><p>这是段落一，设置了height属性。这是段落一，设置了height属性。这是段落一，设置了height属性。</p></div><br>
<div class='pt2'><p>这是段落二，不设置height属性。</p></div>

<style>
  .pt1{border:1px solid orange;height:16px;padding-bottom:10%;}
  .pt2{border:1px solid skyblue;padding-bottom:10%;}
</style>

padding-bottom属性值表示方法

提示：padding-bottom属性不允许负值：

值	描述
length	数字类型，单位可以是px、pt、cm等
百分比	也是数字类型的值，不过单位为%，自适应的网页中比较常用
inherit	从父元素那里继承内边距的相关属性

hot：热门