DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS實例教程;IE6下CSS定義DIV高度的問題
CSS實例教程;IE6下CSS定義DIV高度的問題
編輯:CSS詳解     

IE6下默認的字體尺寸大致在 12 – 14px 之間,當你試圖定義一個高度小於這個默認值的 div 的時候, IE 會固執的認為這個層的高度不應該小於字體的行高。所以即使你用 height:4px; 來定義了一個 div 的高度,實際在 IE 下顯示的仍然是一個 12 px 左右高度的層。添加overflow: hidden解決問題。

<div style=”height: 4px; overflow: hidden;”></div>

在IE6中,使用CSS定義DIV的高度的時候經常遇到這個問題,就是當DIV的最小高度小於一定的值以後,就會發現,無論你怎麼設置最小高度,Div的高度會固定在一個值不再發生變動,這個問題很是煩人。如下面的情況。

Html代碼 <html> <head> <title></title> <style type="text/CSS"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </Html> 

這是因為在IE6中,系統默認的並非是Div有一個默認的高度,而是你沒有解決一個隱藏的參數,font-size,這個是IE6中對於Div屬性中的font-size大小和你系統CSS中定義的font-size有很大關系,因此必須單獨定義這個Div的font-size,這樣才能解決這個問題。更改後的代碼如下。 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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved