建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
IE6下使用CSS定義DIV高度行之有效的辦法
你對IE6下CSS定義DIV高度的方法是否了解，這里和大家分享一下，相信通過本文的學(xué)習(xí)你對IE6下使用CSS定義DIV高度的方法一定會有深刻的認識。
IE6下CSS定義DIV高度的問題
IE6下默認的字體尺寸大致在12–14px之間，當(dāng)你試圖定義一個高度小于這個默認值的DIV的時候，IE會固執(zhí)的認為這個層的高度不應(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)默認的并非是Div有一個默認的高度，而是你沒有解決一個隱藏的參數(shù)，font-size，這個是ie6中對于Div屬性中的font-size大小和你系統(tǒng)css中定義的font-size有很大關(guān)系，因此必須單獨定義這個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>
【編輯推薦】
- 區(qū)分IE6 IE7和IE8瀏覽器行之有效的辦法
- 探究IE8與IE7具體功能中窗口功能按鈕的變化
- IE6 IE7 IE8三個版本的CSS兼容速查手冊
- 探秘IE8 JavaScript功能超乎想象
- 技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題
當(dāng)前題目：IE6下使用CSS定義DIV高度行之有效的辦法
本文來源：http://www.dlmjj.cn/article/cdgioje.html
