网站制作一条龙服务_网站百度排名优化推广(seo)服务_【凤凰网络】

当前位置: 网站首页 > 网站建设教程 >

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】 【更多网站建设教程
Copyright © 2002-2027 web-phoenix.net 【凤凰网络】 版权所有 All Rights Reserved.
凤凰网络:提供优质的网站制作一条龙服务,并通过百度网站排名优化推广(seo)服务,使seo优化后的网站,获得快速网站关键词排名提升到首页的效果!