CSS快速入门基础知识（三）

浮动 ：float：

            left 左浮动     right 右浮动  none 默认值 不浮动

作用： 让竖着的元素横向排列

    特点： 1. 元素添加了浮动之后，具有“块级”特性
               2.  具有浮动属性的元素会“脱离文档流” 。
               3. 相同方向的浮动元素，先浮动的显示在前面
               4. 不同方向的浮动元素，左浮动找左浮，右浮找右浮
               5. 浮动元素浮动之后的位置，由浮动元素浮动之前在标准流中的位置决定
               6. 贴靠现象：如果浮动的最后一个元素超过父元素的宽度，会自动找上一个元素
             贴过去，如果宽度不过继续找上一个，如果父元素宽度还是不够，就只能凑合呆着
               7.  图文混排。

清除浮动 ：

         1. css的方式清除浮动
         2. BFC  原理

         clear:   是否清除浮动
                left    清除左边浮动
                right   清除右边浮动
                both    清除左右两边浮动
                none    不清除浮动 、默认值

                注意： 使用： 在浮动元素的下方

• 浮动会造成父元素的高度塌陷，要求每个元素设置height