父元素高度塌陷的解决办法

子元素浮动后不在占有原文档流的位置，如果父元素没有设置高度，就会引起父元素高度塌陷，解决的办法如下：
1：给父元素设置高度，如下图：

注：只适合高度固定的布局。
2：给父元素添加：overflow:hidden/auto/scroll都可以清除浮动，如下图：

注：内容增多时会造成不会自动换行，导致内容被隐藏，无法显示需要溢出的元素。
3：给浮动元素末尾添加空标签，给空标签添加clear:both，如下图：

注：会添加许多无意义的标签，增加结构负担，导致代码冗余。
4：给父元素添加display:table，如下图：

注：会改变父元素的元