1.浮動是什么?
浮動元素脫離文檔流,不占據(jù)空間抛姑。浮動元素碰到包含它的邊框或者浮動元素的邊框停留。
浮動元素引起的問題:
1.父元素的高度無法被撐開艳狐,影響與父元素同級的元素定硝。
2.與浮動元素同級的非浮動元素(內(nèi)聯(lián)元素)會緊隨其后
3.若非第一個元素浮動,該元素之前的元素也需要浮動毫目,否則會影響頁面顯示的結(jié)構(gòu)蔬啡。
清除浮動的幾種方法:
1.額外標簽法:
<div style="clear:both;"></div>(缺點:不過這個辦法會增加額外的標簽使HTML結(jié)構(gòu)看起來不夠簡潔诲侮。)
? ? 2,使用after偽類
? ? #parent:after{
? ? ? ? content:".";
? ? ? ? height:0;
? ? ? ? visibility:hidden;
? ? ? ? display:block;
? ? ? ? clear:both;
? ? ? ? }? ? 3,浮動外部元素
? ? 4,在父級元素上設(shè)置overflow為hidden或者auto