裡面的div怎麼撐開外面的div讓高度自適應

2022-09-21 17:15:11 字數 914 閱讀 5928

隨著微軟新作業系統的上市,ie6現在用的人越來越少了,但是xp系統看來是太過經典,仍然有相當多的使用者在使用,且這部分人群中的大部分也沒有單獨公升級瀏覽器的習慣,於是乎ie6依舊是使用最多的瀏覽器版本。根據本站流量的統計,來自ie6的訪問比重為72.www.cppcns.com6%。表明了以上的觀點,雖然最高的時候,ie6佔了90%以上。

言歸正傳,div+css作為網頁的布局已經是大勢所趨。它的優點不在這裡囉嗦。但最近經常有朋友提到關於容器高度自適應的相容性問題。在這裡簡單作答。

1.有些時候,我們希望容器有乙個固定高度,但當其中的內容多的時候,又希望高度能夠自適應,也即容器在縱向能被撐開,且如果有背景,也能夠自適應。在一般情況下,使用min-height即可解決。但是廣大網民的首選瀏覽器ie6並不支援min-height。ie7,opera,火狐沒有問題。所以採用以下寫法可以解決相容性:

複製**

**如下:

height:auto!important;

height:200px;

min-height:200px;

2.很多朋友反映用上面的方法後,在有些時候依然無法解決容器無法撐開自適應的問題。那一定是有容器巢狀的情況下,而子容器又是浮動的。例如

&l程式設計客棧t;ul>

其中class為fuqin的div有浮動的li,當li比較多的時候,即便是div設定的是最小高度,也無法被撐開。

原因就在於作為子容器的li是浮動的即 。在這種情況下,即便是li的內容超過了div的高度,div也無法撐開。

解決方法如下:

在浮動的容器後面,父容器結束之前加入乙個div

複製**

**如下:

.clearfloat

本文標題: 裡面的div怎麼撐開外面的div讓高度自適應

本文位址: /web/css/160613.html

docker裡面的Nginx怎麼監聽宿主機的埠

通過使用host網路模式來啟動nginx 如果學了docker容器的網路模式,應該了解docker容器在啟動時的一種模式為host。在這種模式下。該容器的網路ip和埠都是與宿主機保持一致。這種情況下當docker nginx監聽某乙個埠,那就不是監聽容器的埠,而是宿主機的埠。例如 當docker n...

c語言陣列放在main函式裡面和外面的區別

最近a演算法題的時候碰到一道題 乙個數列前三項都為1,之後每項的值等於前三項之和,求第20193024項的最後4位數字。一開始寫的 如下 結果一直爆 terminated due to signal segmentation fault 11 這個錯誤,改了好久沒改出來。之後在stackoverfl...

C語言陣列放到主函式外面和裡面的區別

今天寫oj時,發現了個小問題,記錄一下。方便後期查詢!oj題 include intmain printf d n num for i 1 i 1000 i return0 乍一看,沒毛病。但一執行 然後就瘋狂地debug,結局竟然只需要 對!將陣列移到外面!可是,why?先介紹一下棧區 stack...