内边距的百分比数值

vicky.yu

CSS padding 属性的百分比数值是相对于其父元素的 width 计算的，如果改变了父元素的 width，则它们也会改变。

以下是将段落的内边距设置为父元素 width 的 20% 的示例：

p {padding: 20%;}

假设一个段落的父元素是 div 元素，那么它的 padding 的 width 计算是根据 div 进行的：

实例
<div style="width: 200px;">        

<p>这个段落包含在一个宽度为200像素的DIV中。</p>   

</div>


尝试一下 »
点击“尝试一下”按钮查看在线实例
注意：上下内边距与左右内边距一致，即上下内边距的百分数会相对于父元素宽度设置，而不是相对于高度。

填充- 单边内边距属性
在CSS中，它可以指定不同的侧面不同的填充：

实例
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

尝试一下 »