今天製作div的高度控制的時候發現IE下控制div的高度很小的時候無效,特意查了一下相關文章。 最後有了解決方案,請參考下面文章: 如果要製作一條高度小於12PX(大約)的線條,在IE中會顯示出高於實際高度的,請看下面。 複製程式碼 程式碼如下: <BR>.line { <BR>background: #CCCCCC; <BR>height: 6px; <BR>} 可看出實際高度大於6PX,這也算是IE的一個BUG吧。以下三種方法可解決這個問題,建議使用第一種方法。 1: 複製程式碼 程式碼如下: <BR>.line11{ <BR>background: #CCCCCC; <BR>height: 6px; <BR>overflow: hidden; <BR>} 2. div之間要加個空格 注:IE5.0 無效 複製程式碼 span> 程式碼如下: <BR>.line12{ <BR>background: #336699; <BR>line-height: 6px ; <BR>} 3: 複製程式碼 程式碼如下: <BR>.line13{ <BR>background: #CC0000; <BR>height: 6px; <BR>font-size: 1px; <BR>}