Copyright © 2002-2027 web-phoenix.net 【凤凰网络】 版权所有 All Rights Reserved.
【凤凰网络】提供优质的云南网站建设一条龙全包服务,从网站制作到云南百度竞价推广,以及昆明百度竞价托管代运营全套服务,看得见的效果!
【凤凰网络】提供优质的云南网站建设一条龙全包服务,从网站制作到云南百度竞价推广,以及昆明百度竞价托管代运营全套服务,看得见的效果!
当前位置: 网站首页 > 网站建设教程 >
float浮动后父元素div自适应高度被撑开的简单方法
父元素div自适应高度方法一：overflow:hidden
<div class="parent1">
<div class="left1">left</div>
<div class="right1">right</div>
</div>
<style>
.parent1{ background-color:#3D4ADC; overflow:hidden;/*父元素自适应高度被撑开*/}
.left1{ float:left; width:100px; height:100px; background-color:#F5090D;}
.right1{ float:right; width:100px; height:100px; background-color:#EBA307;}
</style>
父元素div自适应高度方法二：overflow:auto
<div class="parent2">
<div class="left2">left</div>
<div class="right2">right</div>
</div>
<style>
.parent2{ background-color:#3D4ADC; overflow:auto;/*父元素自适应高度被撑开*/}
.left2{ float:left; width:100px; height:100px; background-color:#F5090D;}
.right2{ float:right; width:100px; height:100px; background-color:#EBA307;}
</style>
【float浮动后父元素div自适应高度被撑开的简单方法热度：175】 【更多网站建设教程】