版权声明:本文为博主原创文章,未经博主允许不得转载。 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>