子元素浮动后，父容器高度塌陷：
高度塌陷啦！父容器包不住子元素啦！
方法1：增加标签clear:both
增加标签 <div style="clear: both;"></div>
方法2：增加标签
增加标签 <br clear="all" />
方法3：父容器使用::after伪元素清除浮动
父容器div增加class="clearfix"
方法4：父容器overflow:hidden
父容器设置样式overflow:hidden
方法5：父容器overflow:auto
父容器设置样式overflow:auto
方法6：父容器设置display
父容器设置样式display:table
方法7：父容器也浮动
父容器设置样式float:left