使用了float屬性之后的元素會浮動起來，脫離正常的文檔流，導致后面元素錯位等情況。這時候只需要清楚浮動后面的元素即可變得正常。
在需要浮動元素和不需要浮動元素中間添加一個div
<div class="clear"></div>
并設置樣式:
.clear{
????clear:both;
}
后續(xù)的元素即可正常使用
clear語法：
clear : none | left|right| both
CSS 設置float:left 導致后面元素錯亂問題
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門廓奕，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人档叔，你說我怎么就攤上這事桌粉。” “怎么了衙四？”我有些...
- 文/不壞的土叔 我叫張陵铃肯，是天一觀的道長。 經(jīng)常有香客問我传蹈，道長缘薛，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任卡睦，我火速辦了婚禮，結(jié)果婚禮上漱抓，老公的妹妹穿的比我還像新娘表锻。我一直安慰自己，他們只是感情好乞娄，可當我...
- 文/花漫 我一把揭開白布瞬逊。 她就那樣靜靜地躺著，像睡著了一般仪或。 火紅的嫁衣襯著肌膚如雪确镊。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼采呐，長吁一口氣：“原來是場噩夢啊……” “哼若锁！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起斧吐，我...
- 正文 年R本政府宣布，位于F島的核電站郊闯，受9級特大地震影響妻献，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜团赁，卻給世界環(huán)境...
- 文/蒙蒙 一育拨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧欢摄，春花似錦熬丧、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至绿淋，卻和暖如春闷畸，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背吞滞。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 前言 相信很多同學在網(wǎng)頁布局過程中都用過float浮動布局祖娘，float可以讓我們很方便的去布局，但是同時也帶來了很...
- 先來看一下demohtml: css: 效果： 當對盒子內(nèi)的子元素應用float后，導致對象父元素內(nèi)有高度菇夸，不能被...
- 一.外邊距重疊 兩個相鄰盒子的外邊距發(fā)生重疊時械蹋，外邊距大的覆蓋外邊距小的盒子。 margin 可以設置負數(shù)羞芍，表現(xiàn)為...
- float: 可以設置的值:none | left | right; 默認值為:nonenone：設置對象不浮動...
- 一哗戈、浮動產(chǎn)生原因 一般浮動是什么情況呢？一般是一個盒子里使用了CSS float浮動屬性荷科，導致父級對象盒子不能被撐...
