子容器浮动后，父容器的扩展问题

问题：子容器都float以后，父容器没有设定高度,父容器将不会被撑开。

    
子容器

如图所示

解决方法

1：添加一个clear:both的div

    
子容器
    

2：父级div定义伪类：after

.clearfix:after{
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
.clearfix{
            display: inline-block;
        }

3.父级div定义overflow：hidden

    
子容器

4.父级div定义overflow：auto

    
子容器

5.父级div也浮动，需要定义宽度

    
子容器

6.父级div定义display:table

    
子容器

如图所示