当前位置:
首页 > 技术 > css 设置元素高度等于其宽度

css 设置元素高度等于其宽度

定义某元素的宽度为父元素的50%,而父元素的宽度是可变化的,让该元素的高度等于其宽度

<style type="text/css">
#container {
    width: 80%;
    height: 500px;
}
.attr {
    width: 50%;
    height: 0;
    padding-bottom: 50%;
    background-color: #008b57;
}
</style>
<div id='container'>
    <div class='attr'></div>
</div>

css 设置元素高度等于其宽度:等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!