CSS清除浮动到底是干什么用的？！

Question

网上搜到了一些，可是还是不太明白，有说是不想受到前面浮动元素的干扰所以要清除浮动，有说可以撑开父层元素用的，还是没明白这个clear到底的作用 求解答！

Answer 1

你明白float:left
div1 设置了float:left, div2也设置了float:left,
div3不想要连接在div2屁股后面。
就在div3前面加一个<div class="clear"></div>
这样。div3就会在下面一排出现。。
当然。还有N多种情况等你自己发现

.clear{cleat:both;}

至于开父层元素这个。最好是少用。设置好大体的框架。在来做里面的。
如果真的要做特效。用定位做。本回答被提问者和网友采纳

Answer 2

其实究其原因，就两种原理清除与闭合，可以看下我写的这个思路可能会清楚一点https://juejin.im/post/5c5027c26fb9a049f912fa10