清除浮动不是很明白？

Question

为什么想要BOX3在下面要清除它左侧的浮动，为什么是左侧的？还是不太明白清除浮动的意思。是不是只要上面的盒子用了浮动，下面的盒子如果想在它的下面就要清除浮动，例如：上面的盒子用了左浮动，下面的盒子就要清除左浮动；上面的盒子用了右浮动，下面的就要清除右浮动；而上面既有左浮动又有右 浮动，下面就要用clear:both？

Answer 1

原来clear有些，就是高度塌陷，如果子元素设置浮动，父元素没有高度的情况下就会出现高度塌陷，解决方法有三，1   给父元素添加overflow:hidden;     2     给浮动元素后面添加空的div，添加声明clear:both;        3    万能清除法:如果出现高度塌陷添加class="clearfix"    样式是    .classfix::after{content=".";clear:both;overflow:hidden;height:0;display:block;visibility:hidden;}三种方法都行

Answer 2

可以看一下相关课程"企业网站实践"和"网页布局基础"课程的相关节。

Answer 3

还是不太明白清除浮动的意思。是不是只要上面的盒子用了浮动，下面的盒子如果想在它的下面就要清除浮动，例如：上面的盒子用了左浮动，下面的盒子就要清除左浮动；上面的盒子用了右浮动，下面的就要清除右浮动；而上面既有左浮动又有右 浮动，下面就要用clear:both?