padding-bottom 属性

用途

padding-botom 该属性用于设置标签的底部填充区域的高度，负值无效。

语法

代码语言：javascript复制

/* <length> value */ 
padding-bottom: 2.5em; 

/* <percentage> value */ 
padding-bottom: 95%;

值

值	描述
<length>	此关键词定义了一个确定的宽度值。
<percentage>	此关键词始终同包含该元素的容器宽度有关。

例子

代码语言：javascript复制

/* HTML */
<div id="red"> 
    <div id="orange"></div> 
    <div id="gray"></div>
</div>

/* CSS */
#red { 
    width: 200px;
    height: 200px; 
    background: red; 
    padding-bottom: 300px; 
    } 
#orange { 
    width: 50px; 
    height: 50px; 
    background: orange; 
    } 
#gray { 
    width: 50px; 
    height: 50px; 
    background: gray; 
    }

容器 padding percentage 语法

0 人点赞