CSS浮動是網頁布局的重要手段之一,但是有些時候我們會遇到浮動不好使的情況,這時候我們需要檢查一下下面的幾個問題:
(一)父元素未設置高度或者寬度
如果父元素未設置高度或者寬度,那么浮動元素將會溢出到父元素之外,從而導致浮動不好使。
(二)浮動元素未清除浮動
當頁面中有多個浮動元素時,如果不及時清除浮動,容易導致浮動不好使。我們可以通過添加清除浮動的代碼,例如添加一個類clearfix,來解決這個問題。
.clearfix{ zoom: 1; } .clearfix:after{ content: ''; display: table; clear: both; }
(三)浮動元素與文檔流的關系不當
浮動元素具有脫離文檔流的特性,如果與文檔流的關系不當會導致浮動不好使。比如設置了float: left的元素如果緊挨著一個沒有浮動的元素,則會緊貼在該元素右側而不是一般的頂部。此時我們可以通過添加一個清除浮動的元素來解決。
綜上所述,當我們遇到CSS浮動不好使的情況時,可以從父元素設置、清除浮動以及浮動元素與文檔流的關系等方面進行排查,相信一定會找到問題的所在。
上一篇div+css動態效果
下一篇mysql 默認分區