這篇文章給大家介紹IE6下使用CSS定義DIV高度行的辦法是什么,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
站在用戶的角度思考問題,與客戶深入溝通,找到興慶網(wǎng)站設(shè)計與興慶網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都做網(wǎng)站、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務(wù)覆蓋興慶地區(qū)。
IE6下CSS定義DIV高度的問題
IE6下默認(rèn)的字體尺寸大致在12–14px之間,當(dāng)你試圖定義一個高度小于這個默認(rèn)值的DIV的時候,IE會固執(zhí)的認(rèn)為這個層的高度不應(yīng)該小于字體的行高。所以即使你用height:4px;來定義了一個DIV的高度,實際在IE下顯示的仍然是一個12px左右高度的層。添加overflow:hidden解決問題。
< div style=”height:4px;overflow:hidden;”></div>
在IE6中,使用CSS定義DIV的高度的時候經(jīng)常遇到這個問題,就是當(dāng)DIV的最小高度小于一定的值以后,就會發(fā)現(xiàn),無論你怎么設(shè)置最小高度,Div的高度會固定在一個值不再發(fā)生變動,這個問題很是煩人。如下面的情況。
HTML代碼
<html> <head> <title> </title> <styletype="text/css"> <!--#testdiv{background:#009900;height:3px;}--></style></head><body> <divid="testdiv"> </div> </body> </html>
這是因為在IE6中,系統(tǒng)默認(rèn)的并非是Div有一個默認(rèn)的高度,而是你沒有解決一個隱藏的參數(shù),font-size,這個是ie6中對于Div屬性中的font-size大小和你系統(tǒng)css中定義的font-size有很大關(guān)系,因此必須單獨(dú)定義這個Div的font-size,這樣才能解決這個問題。更改后的代碼如下。
HTML代碼
<html> <head> <title> </title> <styletype="text/css"> <!--#testdiv{background:#009900;height:3px;font-size:0px;}--></style></head><body><divid="testdiv"> </div> </body> </html>
關(guān)于IE6下使用CSS定義DIV高度行的辦法是什么就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
文章標(biāo)題:IE6下使用CSS定義DIV高度行的辦法是什么
網(wǎng)頁網(wǎng)址:http://jinyejixie.com/article12/pocgdc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、網(wǎng)站維護(hù)、、品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)