BFC

浮动：其实就是使元素脱离文档流，按照必定的方式排列，遇到相邻的浮动元素或者父级的边界停下来。

BFC 就是清浮动 就是用来处理浮动元素脱离文档流的问题

1.父级也浮动
弊端：左右的margin:0 auto; 会失效；
2.父级加display:inline-block
弊端：左右的margin:0 auto; 会失效；
(若是须要让元素居中能够给父级加text-align:center)
3.给父级加高
弊端：扩展性很差
4.br标签
写法：<br/>
做用：换行
5.clear
clear 元素的某一方向不容许出现其余的浮动元素
left
right
both 推荐使用
one
舒适小提示
不符合W3C规范 违反结构 样式 行为 三者分离原则
6.伪类清浮动
:after{
content:"";display:block;clear:both;
}
舒适提示：目前主流方法。建议使用