溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關web開發中里面的div怎么撐開外面的div讓高度自適應，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
隨著微軟新操作系統的上市，ie6現在用的人越來越少了，但是XP系統看來是太過經典，仍然有相當多的用戶在使用，且這部分人群中的大部分也沒有單獨升級瀏覽器的習慣，于是乎ie6依舊是使用最多的瀏覽器版本。根據本站流量的統計，來自ie6的訪問比重為72.6%。表明了以上的觀點，雖然最高的時候，ie6占了90%以上。
言歸正傳，div+css作為網頁的布局已經是大勢所趨。它的優點不在這里啰嗦。但最近經常有朋友提到關于容器高度自適應的兼容性問題。在這里簡單作答。
1.有些時候，我們希望容器有一個固定高度，但當其中的內容多的時候，又希望高度能夠自適應，也即容器在縱向能被撐開，且如果有背景，也能夠自適應。在一般情況下，使用min-height即可解決。但是廣大網民的首選瀏覽器ie6并不支持min-height。ie7,opera,火狐沒有問題。所以采用以下寫法可以解決兼容性：
代碼如下:
height:auto!important;
height:200px;
min-height:200px;
2.很多朋友反映用上面的方法后，在有些時候依然無法解決容器無法撐開自適應的問題。那一定是有容器嵌套的情況下，而子容器又是浮動的。例如
<div class="fuqin"><ul><li>內容1</li><li>內容1</li></ul></div>
其中class為fuqin的div有浮動的li，當li比較多的時候，即便是div設置的是最小高度，也無法被撐開。
原因就在于作為子容器的li是浮動的即 。在這種情況下，即便是li的內容超過了div的高度，div也無法撐開。
解決方法如下：
在浮動的容器后面，父容器結束之前加入一個div
代碼如下:
<div class="fuqin"><ul><li>內容1</li><li>內容1</li></ul><div class="clearfloat"></div></div>
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}
看完上述內容，你們對web開發中里面的div怎么撐開外面的div讓高度自適應有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
