清除浮动

注意：

只要有浮动，就必须要清除浮动

为什么？

因为浮动会影响它下面的元素的排版布局，还有浮动元素的父元素没有将浮动元素包裹着

只要清除了浮动，就不会影响它下面的元素的排版布局，它的父元素在视觉上也会将它包裹着

 

清除浮动有三种方法：

1. 给浮动元素的父元素设置固定的高度（不建议使用 因为一般情况是由其自身的内容来撑高的）
2. 使用清除浮动的样式属性    clear    有三个值：left（清除左浮动）、right（清除右浮动）、both（两者都清除）

         用法：在最后一个浮动元素下面新建一个空白的div里面什么都不放，然后给这个div设置CSS样式清除浮动

     3.使用overflow:hidden 这个属性来清除浮动 overflow是一个属性

     它原意是用来将溢出的部分隐藏 但它还可以用于清除浮动（一般用来给列表清除浮动）