div容器自增長后其內(nèi)的背景色或圖片隨之增長

字號:


    代碼如下:
    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í)布局不允許其浮動也很正常。