CSS学习——浮动（float）带来的问题以及清除浮动

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/chengxu_kuangrexintu/article/details/83043477

浮动（float）带来的问题以及清除浮动

在《CSS学习——初识浮动（float）》博客中，我介绍了学习到的CSS的浮动。那么我们使用浮动属性会不会带来什么问题呢？下面就说说浮动（float）带来的问题以及如何清除浮动。

浮动带来的问题

有可能会影响到后面元素的布局，可以元素会重叠造成界面的重叠。

解决办法：清除浮动

最简单粗暴的方法就是：在浮动过的元素后面一定要清除浮动。代码示例：

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