| |
IE6下默認(rèn)的字體尺寸大致在 12 ?C 14px 之間，當(dāng)你試圖定義一個(gè)高度小于這個(gè)默認(rèn)值的 div 的時(shí)候， IE 會(huì)固執(zhí)的認(rèn)為這個(gè)層的高度不應(yīng)該小于字體的行高。所以即使你用 height:4px; 來定義了一個(gè) div 的高度，實(shí)際在 IE 下顯示的仍然是一個(gè) 12 px 左右高度的層。添加overflow: hidden解決問題。
＜div style=”height: 4px; overflow: hidden;”>＜/div>
在IE6中，使用CSS定義DIV的高度的時(shí)候經(jīng)常遇到這個(gè)問題，就是當(dāng)DIV的最小高度小于一定的值以后，就會(huì)發(fā)現(xiàn)，無論你怎么設(shè)置最小高度，Div的高度會(huì)固定在一個(gè)值不再發(fā)生變動(dòng)，這個(gè)問題很是煩人。如下面的情況。
HTML代碼
＜html> ＜head> ＜title>＜/title> ＜style type="text/css"> ＜!-- #testdiv { background: #009900; height: 3px; } --> ＜/style> ＜/head> ＜body> ＜div id="testdiv">＜/div> ＜/body> ＜/html>
這是因?yàn)樵贗E6中，系統(tǒng)默認(rèn)的并非是Div有一個(gè)默認(rèn)的高度，而是你沒有解決一個(gè)隱藏的參數(shù)，font-size，這個(gè)是ie6中對(duì)于Div屬性中的font-size大小和你系統(tǒng)css中定義的font-size有很大關(guān)系，因此必須單獨(dú)定義這個(gè)Div的font-size，這樣才能解決這個(gè)問題。更改后的代碼如下。
HTML代碼
＜html> ＜head> ＜title>＜/title> ＜style type="text/css"> ＜!-- #testdiv { background: #009900; height: 3px; font-size: 0px; } --> ＜/style> ＜/head> ＜body> ＜div id="testdiv">＜/div> ＜/body> ＜/html> |
|
|
| 【收藏】【打印】【進(jìn)入論壇】 |
|
|
|
|
| |
|
|
|
