子元素浮動不能正常顯示的解決辦法

wjaning發表於2021-09-09

在web前端開發中，清除浮動也算是一個小難題，總結了一下解決浮動的幾個方式，簡單粗暴，直接有效。

問題描述：當子元素使用了float屬性時，父容器無法根據子元素高度而自適應高度，為了解決該問題，通常有以下這種做法：
3.直接在父容器中清除浮動

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:inline-block}*html .clearfix{height:1%}
　　　　這是最直接有效的方法，而且不會帶來其他影響，建議採用。

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/2983/viewspace-2798455/，如需轉載，請註明出處，否則將追究法律責任。

相關文章