BFC（块级格式化环境）：通过设置一些样式解决问题

BFC解决的问题：

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

解决问题：

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

水平排列块元素结构：

方法1：

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

方法2：

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