父div随子div的高度变化而变化

1.一般情况下，在设置父容器最小高度的情况下，父容器都会随子内容的变化而变化的

2.特殊情况：存在浮动

       问题：当子容器含有浮动属性的时候，父容器不会随子容器的变化而变化，如果子容器的内容过多，则会溢出父容器，使整个页面内容错乱

      解决：在最后一个子容器后加上以下代码，清除浮动即可

//清除浮动
<div style="clear:both;"></div>