您好,登錄后才能下訂單哦!
這篇文章給大家介紹IE6下使用CSS定義DIV高度行的辦法是什么,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
IE6下CSS定義DIV高度的問題
IE6下默認的字體尺寸大致在12–14px之間,當你試圖定義一個高度小于這個默認值的DIV的時候,IE會固執的認為這個層的高度不應該小于字體的行高。所以即使你用height:4px;來定義了一個DIV的高度,實際在IE下顯示的仍然是一個12px左右高度的層。添加overflow:hidden解決問題。
< div style=”height:4px;overflow:hidden;”></div>
在IE6中,使用CSS定義DIV的高度的時候經常遇到這個問題,就是當DIV的最小高度小于一定的值以后,就會發現,無論你怎么設置最小高度,Div的高度會固定在一個值不再發生變動,這個問題很是煩人。如下面的情況。
HTML代碼
<html> <head> <title> </title> <styletype="text/css"> <!--#testdiv{background:#009900;height:3px;}--></style></head><body> <divid="testdiv"> </div> </body> </html>
這是因為在IE6中,系統默認的并非是Div有一個默認的高度,而是你沒有解決一個隱藏的參數,font-size,這個是ie6中對于Div屬性中的font-size大小和你系統css中定義的font-size有很大關系,因此必須單獨定義這個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>
關于IE6下使用CSS定義DIV高度行的辦法是什么就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。