代碼如下:

height:auto !important;

height:550px;

min-height:550px;

在div末尾加入代碼：

<div style=clear:both;></div>

或者使用

<br style=clear:both; />

2. 使用after偽類

這種方法就是對父容器使用after偽類和內(nèi)容聲明在指定的現(xiàn)在內(nèi)容末尾添加新的內(nèi)容。經(jīng)常的做法就是添加一個(gè)“點(diǎn)”，因?yàn)樗容^小不太引人注意。然后我們再利用它來清除浮動（閉合浮動元素），并隱藏這個(gè)內(nèi)容。

這種方法兼容性一般，但經(jīng)過各種 hack 也可以應(yīng)付不同瀏覽器了，同時(shí)又可以保證html 比較干凈，所以用得還是比較多的。

代碼如下:

#outer:after{

content:.;

height:0;

visibility:hidden;

display:block;

clear:both;

}

3.設(shè)置overflow為hidden或者auto

這種做法就是將父容器的overflow設(shè)為hidden或auot就可以在標(biāo)準(zhǔn)兼容瀏覽器中閉合浮動元素.

不過使用overflow的時(shí)候，可能會對頁面表現(xiàn)帶來影響，而且這種影響是不確定的，你最好是能在多個(gè)瀏覽器上測試你的頁面

4.浮動外部元素，float-in-float

這種做法就是讓父容器也浮動，這利用到了浮動元素的一個(gè)特性——浮動元素會閉合浮動元素。這種方式在 ie/win 和標(biāo)準(zhǔn)兼容瀏覽器中都有較好的效果，但缺點(diǎn)也很明顯——父容器未必想浮動就浮動的了，畢竟浮動是一種比較特殊的行為，有時(shí)布局不允許其浮動也很正常。