前端筆記18——CSS浮動（float）帶來的問題以及清除浮動

浮動（float）帶來的問題以及清除浮動

在《CSS學習——初識浮動（float）》部落格中，我介紹了學習到的CSS的浮動。那麼我們使用浮動屬性會不會帶來什麼問題呢？下面就說說浮動（float）帶來的問題以及如何清除浮動。

浮動帶來的問題

有可能會影響到後面元素的布局，可以元素會重疊造成界面的重疊。

解決辦法：清除浮動

最簡單粗暴的方法就是：在浮動過的元素後面一定要清除浮動。代碼示例：

<div class="main">
	<div class="left"></div>
	<div class="right"></div>
	<div style="clear: both;"></div>
</div>