容器包含若干浮動元素時,清理浮動的方法就是在容器元素閉合標籤前,添加額外元素並設定「clear: both」即可,而「clear:both」的意思就是清除浮動。
容器元素閉合標籤前新增額外元素並設定clear: both
父元素觸發區塊層級格式化上下文
區塊層級格式化上下文,它是一個獨立的渲染區域,這個區域與外部毫不相干。
觸發條件:
根元素(例如:html)
元素浮動了( float 不為none)
position 為absolute 或fixed
display 為inline-block、table-sell、flex…
overflow 不為visible
設定容器元素偽元素進行清理(建議的清理浮動方法)
推薦學習:《前端影片》
以上是容器包含若干浮動元素時如何清理浮動的詳細內容。更多資訊請關注PHP中文網其他相關文章!