當使用了 float 後造成的 div 無法自動判斷高度的處理方式



由以上區塊的呈現方式,如果遇到區塊A與區塊B的高度不一定相同的時候,很可能會造成底線無法順利呈現而造成板面跑掉的窘境,有兩個解決方式,一個是將主要的 div 區塊設定一個高度,但這並不是非常好的方式,如果區塊A或區塊B有任何一筆資料超過主區塊的高度一樣會出問題,所以我們建議用另一個方式解決,那就是 clear:both。



如此一來  float 所造成的影響將停留在兩個區塊的部分,主要的 div 區塊一樣會自動判斷高度囉!

延伸閱讀
© Copyright webtech.tw Since 2010