操美女视频免费在线看,欧美美女视频在线,美女视频免费观看

css中div高度自適應(yīng)的方法（兼容FF IE）

2010.11.10

<div style="background-color:red">
<div style="float:left">1111</div>
<div>11111</div>
</div>
這樣主框red就自動(dòng)撐開(kāi)了，適用于ff，ie

第二個(gè)問(wèn)題解決是
給最外圍div添加overflow:hidden

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>解決ie6 7 8 ff chrome div高度自動(dòng)增加問(wèn)題 by saruri </title>
</head>

<body style="padding:0px; margin:0px; min-height:300px;">
<style>
.abc{ width:940px; min-height:60px;
   max-height:none; border:1px solid #999; background-color:#060;}
.cde{width:940px;
max-height:none; border:1px solid #999; background-color:#060;}
   .fgh{width:940px;
height:60px; max-height:none; border:1px solid #999; background-color:#060;}
</style>
<div class="abc">
<p><strong>

第三個(gè)層固定高度其他的高度自適應(yīng) min-height 和max-height 是ie 7 8 ff chrome支持的 ie6div高度自適應(yīng) 用不著</strong></p>
<p>如果div里有float <br>那么<br>加入清除浮動(dòng) clear的div可以解決內(nèi)容溢出問(wèn)題<br>容內(nèi)容內(nèi)容內(nèi)容內(nèi)<br>容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容

    內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容<br>內(nèi)容內(nèi)容內(nèi)<br>容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)<br>容內(nèi)容內(nèi)容內(nèi)容內(nèi)<br>容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容</p>
</div>
<div class="cde">
<br>

內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容<br>內(nèi)容內(nèi)容內(nèi)<br>容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)<br>容內(nèi)容內(nèi)容內(nèi)容內(nèi)<br>容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容

</div>
<div class="fgh"></div>

</body>
</html>

做一個(gè)瀏覽器兼容的項(xiàng)目老是遇到這樣的問(wèn)題！把這個(gè)解決方法記下來(lái)：

之前遇到Div不自適應(yīng)高度解決的辦法就是在最底下加多個(gè)空的Div清除兩邊的浮動(dòng),代碼如下:

不過(guò)應(yīng)用這個(gè)方法如果Div嵌套過(guò)多中間浮動(dòng)過(guò)于復(fù)雜容易使頁(yè)面亂掉而，最近找到了新的處理辦法，就是可以直接在外層想讓其"自適應(yīng)高度"的Div添加以下屬性：

style="height:100%; overflow:auto;"

呵呵，然后發(fā)現(xiàn)一個(gè)很奇怪的現(xiàn)象，就是如果只添加"height:100%; "(設(shè)置高度100%)就IE下可以自適應(yīng)高度而FireFox不行，如果只添加"overflow:auto; "(設(shè)置溢出自動(dòng))就FireFox下可以自適應(yīng)高度而IE不行，所以完美的解決辦法就是"height:100%; overflow:auto;"兩個(gè)屬性同時(shí)添加進(jìn)去就可以了...

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

打開(kāi)APP，閱讀全文并永久保存查看更多類似文章

Firefox與IE在CSS樣式表中的差異 Firefox IE CSs 2

DIV CSS網(wǎng)頁(yè)布局中最小高度妙用

css經(jīng)典布局

DIV高度自適應(yīng)及應(yīng)該注意的問(wèn)題

動(dòng)態(tài)文字特效代碼

深入理解CSS盒子模型（3）

更多類似文章 >>

国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看