網(wǎng)(LieHuo.Net)教程 IE6中,使用CSS定義DIV的高度的時(shí)候經(jīng)常遇到這個(gè)問題,就是當(dāng)DIV的最小高度小于一定的值以后,就會發(fā)現(xiàn),無論你怎么設(shè)置最小高度,Div的高度會固定在一個(gè)值不再發(fā)生變動(dòng),這個(gè)問題很是煩人。這是因?yàn)樵贗E6中,系統(tǒng)默認(rèn)的并非是Div有一個(gè)默認(rèn)的高度,而是你沒有解決一個(gè)隱藏的參數(shù),font-size,這個(gè)是ie6中對于Div屬性中的 font-size大小和你系統(tǒng)css中定義的font-size有很大關(guān)系,因此必須單獨(dú)定義這個(gè)Div的font-size,這樣才能解決這個(gè)問題。
這個(gè)問題出現(xiàn)在IE6中;IE6中的div默認(rèn)有個(gè)最小字體高度,div的最小高度就是這個(gè)高度,除非你改變這個(gè)字體的大小。這樣來加:
.style1{height:1px;font-size:0;}
比如想用一個(gè)div來做一個(gè)1px高的紅色線條
在沒有設(shè)置字體大小的時(shí)候會發(fā)現(xiàn)高度并沒有預(yù)期的效果
以下為引用的內(nèi)容: </ style > < div class = "style1" > </ div > <style type="text/css"> .style1{ height:1px; background:red; } </style> <div class="style1"></div> |
設(shè)置了font-size:0會得到的情況是果然行高變?yōu)橹付ǖ?px,代碼:
以下為引用的內(nèi)容: < style type = "text/css" > .style1{ font-size:0; height:1px; background:red; } </ style > < div class = "style1" > </ div > |