浮动元素占位问题以及发生高度坍塌的原因和它的解决方案

浮动元素占位问题
当父元素横向显示不下所有元素时，显示不下的元素会换行
但是，已浮动的元素会根据自己的浮动方向占位，导致被挤下去的元素会绕开被占 据的位置显示
发生高度坍塌的原因
1.父元素没有设置高度，高度靠内容撑开
2.子元素浮动，父元素认为页面上没内容

解决方案：
1.给父元素设置高度
2.父元素跟随浮动
3.overflow：hidden；
4.给父元素设置一个空的div，设置clear：both；
5. ::after{
content:";
display:block;
clear:both;
}