*为什么会引起浮动?

浮动就是将元素排除在普通流之外,即元素将脱离文档流,不占据空间.浮动元素碰到包含它的边界或者浮动元素的边界停留

*为什么需要清除浮动?

1.子元素浮动后,不占位置,父元素的高度无法被撑开,影响与父元素同级的元素

2.与浮动元素同级的非浮动元素(内联元素)会跟随其后

3.如果第一个元素浮动,则该元素之前的元素也需要浮动,不然会影响页面显示的结构

*清除浮动的方式

1.使用CSS中的clear:both;(放置一个空的标签,并设置上述css,注意改标签必须是块元素),属性来清除元素的浮动

2.给父盒子设置宽高

3.使用单伪元素和双伪元素清除浮动

4.给父盒子设置overflow:hidden