浮动

当一个元素定义了“float: left/right”不管这个元素是什么类型，都会转化为块元素(display属性为block)。

我们还可以用margin-left/right来定义浮动元素与其他元素之间的间距。

元素定义了“float: left/right”这元素会脱离文档流。

clear属性不是应用于浮动元素本身，而是应用于浮动元素后面的元素。

负作用:父元素高度塌陷，从而导致边框不能撑开，背景色无法显示。
解决办法：父元素添加“overflow: hidden”来清除浮动。
::after伪元素：

语法：

                    .clearfix{*zoom:1;}     //*zoom缩放用于解决IE6、IE7浮动问题
                    .clearfix
                    {
                        clear: both;
                        content: "";
                        display: block;
                        height: 0;
                        visibility: hidden;
                    }

默认使用上面这个方法清除浮动(๑•̀ㅂ•́)و✧

浮动布局-学习笔记

浮动