DIV+CSS 清除浮動是頁面布局中常見的問題,相信各位高手也都有自己的方法,今天在這里對常見的幾種方法進行總結(PS:談不上是原創,這里是我自己做的歸納總結,也是我自己內化的過程),希望對您能夠有所幫助。
DIV+CSS 浮動效果是指,父元素在未定義高的情況下,由于子元素全部浮動脫離文本流,而造成父元素高的塌陷(PS:正常情況下,父元素的高是由子元素撐起來);或者因為部分子元素的而浮動,脫離文本流而造成其他元素的布局錯亂的情況。
DIV+CSS 清除浮動 常見的方法如下:
1、給未加浮動的子元素的CSS添加 clear: both;若子元素都有浮動時,可以新增加一個空的子元素,并且給其的CSS添加 clear: both;這樣可以利用清除左右浮動的子元素重新撐起父元素的高,從而達到清除浮動的效果。代碼及效果如下:
新聞熱點
疑難解答