解決子元素float而父元素高度無法自動撐高的問題

最佳解法:在父元素加上overflow:auto即可

其他解法

1.#C為父元素,使用:after

#C:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden; }

2.在float子元素最後加上一個div使用clear:both

3.在父元素加上float:left;(但如果不要底下的元素浮到旁邊,要搭配width:100%的設定,好處是子元素可使用負值的margin而不會被隱藏)