该属性用于设置元素的顶部填充区域的高度,负值无效。
/* <length> value */ padding-top: 2.5em; /* <percentage> value */ padding-top: 95%;
值 | 描述 |
---|---|
<length> | 此关键词定义了一个确定的宽度值。 |
<percentage> | 此关键词始终同包含该元素的容器宽度有关。 |
HTML
<div id="red"> <div id="orange"></div> <div id="gray"></div> </div>
CSS
#red { width: 200px; height: 300px; background: red; padding-top: 100px; } #orange { width: 50px; height: 50px; background: orange; } #gray { width: 50px; height: 50px; background: gray; }
执行结果