網站制作一條龍服務_網站百度排名優化推廣(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優化后的網站,獲得快速網站關鍵詞排名提升到首頁的效果!
2017年永久平特肖公式 三人麻将怎么玩图解 时时彩软件破解高手 广东福彩26选五走势图 体彩黑龙江6 1开奖结果 3d试机号开奖号走势图 免费麻将游戏4人打 e世博百家乐技巧 好运3开奖结果 澳洲幸运8开奖网站 大富豪棋牌1下载 赖子麻将如何打才能赢 91y游戏电玩千炮捕鱼 内蒙古十一选五基本走势图 河北20选5下期杀号推荐 黑龙江快乐十分官网 开元棋牌作弊器下载