網站制作一條龍服務_網站百度排名優化推廣(seo)服務_【鳳凰網絡】

當前位置: 網站首頁 > 網站建設教程 >

div不能被撐開的處理方法

當DIV1里面嵌套有一個DIV2,當DIV2設置了浮動,那么DIV1是無法被撐開的,也就是說DIV2在這里相當于浮在了頁面上方,跟DIV1不在同一個層面,導致了DIV2無法把DIV1給撐開,這是一個老生常談的問題,也是困擾很多剛接觸DIV+CSS的朋友的一個問題。
 
先來看看這個問題的實際效果,如下圖:
 
div不能被撐開的處理方法
 
這里本來DIV1是套在了DIV2的外面的,如果是使用表格做的話,那么DIV1肯定被撐開了,如下圖:
 
div不能被撐開的處理方法
 
怎么解決這個浮動之后無法把容器撐開情況,解決方法有兩種:
 

方法一:在浮動結束的容器后面加入以下代碼

 
<div style=”clear:both;”></div>
 
這行代碼是清除浮動。
 

方法二:在外層DIV,也就是這里的DIV1的CSS里面加入以下CSS代碼

 
overflow: auto;
 
這兩種方法都可以實現DIV2把DIV1撐開。不過這里建議大家使用第一種方法,要養成一個習慣,在浮動應用完后消除浮動,這樣后面的DIV就不會繼承這個浮動(就像在編程的時候,在打開數據庫,操作完后,要養成個習慣在后面把數據庫關閉)。
 
因為浮動這個東西會被繼承,除非消除這個浮動,才不會讓后面接著的DIV受到繼承。不僅是DIV標簽會繼承,其他的標簽也會有繼承的效果。
【div不能被撐開的處理方法熱度:134】 【更多網站建設教程
Copyright © 2002-2027 web-phoenix.net 【鳳凰網絡】 版權所有 All Rights Reserved.
鳳凰網絡:提供優質的網站制作一條龍服務,并通過百度網站排名優化推廣(seo)服務,使seo優化后的網站,獲得快速網站關鍵詞排名提升到首頁的效果!
2017年永久平特肖公式 德州扑克app 天才麻将少女无修风车 十一选五开奖结果一定 福建22选5走势图表 山东群英会计划软件 赚钱的行业排名 微乐吉林麻将玩法 52麻将下载手机版 上时时乐开奖号码 棋牌娱乐斗地主送现金 湖北打的是什么麻将 临汾麻将硬三嘴规则 重庆时时免费计划软件app 好运彩彩票网官方端口 辽宁35选7一等奖 体彩11选五山东