浮动和定位

1.浮动的特性

（1）浮动的元素排在同一排

（2）浮动的元素内容撑开宽度

（3）浮动的元素脱离文档流（BFC）

（4）浮动的元素支持所有的css样式

（5）浮动的元素提升层级半级（http://study.163.com/course/courseLearn.htm?courseId=1003112011#/learn/video?lessonId=1048171334&courseId=1003112011这个视频讲的很清除）

2.BFC：简单的理解就是清除浮动，用来处理浮动元素脱离文档流的问题

https://www.jianshu.com/p/76484dff1cb5

（1）父级也浮动

    弊端：左右的margin:0 auto ;会失效

（2）父级元素加display:inline-block;

    弊端：左右的margin:0 auto ;会失效

（3）给父级加高

    弊端：可扩展性不好（要根据子元素的高来更改）

（4）br标签

    写法：<br/>

    作用：换行

    <br clear="all"/>

不推荐，不符合w3c规范，w3c要求结构行为样式三者分离

（5）clear