BFC（块级格式化环境）：

通过设置一些样式解决问题

BFC解决的问题：

1、浮动影响问题
2、高度塌陷问题
3、外边距重叠问题

解决方法：

1、通过伪元素解决，没有缺点
2、给父容器设置浮动；缺点：影响父元素外的其他元素布局
3、给父元素设置为行内块；缺点：影响布局，宽度丢失
4、给父元素的overflow属性设置为非visible；缺点：占用overflow样式

水平排列块元素结构：

方法1：

    1、把需要并排排列的块元素浮动起来
    2、用伪元素解决父元素的高度塌陷问题
    3、计算父容器的宽度
    4、用margin:0 auto;属性居中

方法2：

    1、把需要并排排列的块元素浮动起来
    2、用把父元素变行内块的方式解决父元素的高度塌陷问题
    3、给父元素的父元素设置字体居中