父元素自适应子元素的高度

在设计中宽度我们通常可以进行控制，但高度却没有明确的控制，一般元素的高度都是由子元素来控制的。即子元素的高度和决定了父元素的高度。当然手动设置父元素的指定高度也是可以的。

问题：百分比控制的父元素有时不能够被撑开，子元素都几百px了，但父元素高度仍然为0。

原因：浮动造成了容器不能正常计算元素高度。

解决方案：

    方案一：为父元素添加样式：overflow：hidden；该样式相当于为父容器清除了浮动。其实际效果是隐藏超出边界的内容。

    方案二：在父元素中最后一个子元素后添加<div style="clear:both"></div>，这样就可以清楚父元素的浮动效果，元素的高度也就能够计算了。（若无效，请为每一个浮动的子元素清除浮动）