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