CSS基础：浮动

一.float取值

        none

        left

        right

二.浮动特点

        1.浮动元素将脱离文档流，不占用位置

        2.浮动元素不会覆盖行内元素， 比如文字内容

        3.浮动元素变为行内块元素，浮动元素后面的内容依次向上填充，它的宽高由内容的宽高决定

        4.浮动只有一个层级，如果同级元素设置了左浮动，那么从左到右依次连续浮动

三.浮动带来的问题

        会导致父盒子塌陷

四.如何解决

        1.使用overflow:hidden

                可以清除浮动，在父元素中使用

                父元素使用后，再使用绝对定位浮动将不会生效

                特殊用途：visible不生效

        2.给父盒子设置高度

        3.使用clear属性清除浮动

                作用于同级元素

                属性值：        left        right        both:同时清除左浮动和右浮动

                与overflow:hidden清除浮动的区别：

                        *overflow:hidden应用在父级上，clear应用在浮动元素后面

                        *clear要添加一个新的标签

                        *overflow:hidden在绝对定位上不能实现浮动

        4.父元素与子元素一起浮动（不推荐）

        5.使用after伪类(clear),不用添加新的标签