分析:

浮動float屬性會使得元素脫離當前HTML文件流，那麼會使得：當前HTML文件會當作設定float屬性的元素不存在一樣，所以可以看作父元素#container內根本沒有內容，div在沒內容的時候表現正好是高度=0.

解決方法：

1、設定父元素float

2、在最後一個設定浮動的子元素後加一個空div ，並且讓這個div清除浮動。 可以不用對父級設定高度 也無需技術父級高度，方便適用，但會多加CSS和HTML標籤。

例如：

 <div class="clear"></div>  

 .clear {clear: both;}

3、父元素設定overflow:hidden;或overflow:auto;。  因為overflow:hidden屬性相當於是讓父級緊貼內容，這樣即可緊貼其物件內內容（包括使用float的div盒子），從而實現了清除浮動。