當對盒子內的子元素應用float后，導致對象父元素內有高度，不能被撐開自使用高度。
這是因為對子元素使用float之后，脫離了正常流，使得父元素沒有高度導致的。
解決辦法：
1.為父元素設置高度：適用於知道父級高度的情況，缺點是父級元素不能自適應
2.使用clear:both清除浮動：這里注意是在父元素的結束標簽之前添加一個清除浮動的元素，不是在父級元素上添加清除浮動，缺點是引入了沒有語義的元素
3.在父元素中加overflow:hidden：這個方法可以使父元素自適應
4.在父元素上加偽類:after：利用:after在父元素內部插入元素塊，達到清除浮動的效果，實現原理類似於clear:both方法。
{
clear: both; content:" "; display: block; width:0; height: 0; visibility: hidden;}