主頁 > 知識(shí)庫 > div容器自增長(zhǎng)后其內(nèi)的背景色或圖片隨之增長(zhǎng)

div容器自增長(zhǎng)后其內(nèi)的背景色或圖片隨之增長(zhǎng)
熱門標(biāo)簽：最簡(jiǎn)單的百度地圖標(biāo)注店鋪 新鄉(xiāng)機(jī)器人外呼系統(tǒng) 營(yíng)口400電話申請(qǐng) 梧州地圖標(biāo)注app 禹州電話外呼系統(tǒng) AI外呼系統(tǒng) 價(jià)格 水經(jīng)注萬能地圖標(biāo)注 青海保險(xiǎn)智能外呼系統(tǒng)商家 錦州企業(yè)外呼系統(tǒng)

復(fù)制代碼
代碼如下:

height:auto !important;
height:550px;
min-height:550px;

在Div末尾加入代碼：
<div style="clear:both;"></div>

或者使用

<br style="clear:both;" />

2. 使用after偽類

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

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


復(fù)制代碼
代碼如下:

#outer:after{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}

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

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

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

4.浮動(dòng)外部元素，float-in-float

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

標(biāo)簽：荊門 潮州 昭通 青島 哈密 延邊 山南 懷化

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《div容器自增長(zhǎng)后其內(nèi)的背景色或圖片隨之增長(zhǎng)》，本文關(guān)鍵詞  div,容器,自,增長(zhǎng),后,其內(nèi),；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《div容器自增長(zhǎng)后其內(nèi)的背景色或圖片隨之增長(zhǎng)》相關(guān)的同類信息！
  • 本頁收集關(guān)于div容器自增長(zhǎng)后其內(nèi)的背景色或圖片隨之增長(zhǎng)的相關(guān)信息資訊供網(wǎng)民參考！

    • 四合一精品企业网站建设

    多一个网站就为企业多增加一条营销渠道

    ¥888元限时抢购

    QQ立即咨询快速购买

    企业400电话

    智能AI客服机器人
    ￥15000

    在线订购

    合计11份范本：公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章