CSS Div 最小高度在IE 6 和IE 7中的兼容性問題
更新時(shí)間:2007年04月08日 00:00:00 作者:
瀏覽器兼容問題-CSS Div 最小高度在IE 6 和IE 7中的兼容性問題
用CSS 的定義一個(gè)DIV的高度時(shí),在IE 7瀏覽器下可以正常顯示。但是在IE 6 中,height 在10px以下就無法定義了。這點(diǎn)跟表格有點(diǎn)類似。解決的方法如下:
法一:定義overflow屬性。比如想定義一個(gè)高度為2px 的線條。
<div style="height:2px;overflow:hidden;background:#000000;width:778px;"></div> 法二:將div 的字體大小屬性fontsize 設(shè)置為跟高度相同。
<div style="height:2px;font-size:2px;background:#000000;width:778px;">&nbps;</div>
用CSS 的定義一個(gè)DIV的高度時(shí),在IE 7瀏覽器下可以正常顯示。但是在IE 6 中,height 在10px以下就無法定義了。這點(diǎn)跟表格有點(diǎn)類似。解決的方法如下:
法一:定義overflow屬性。比如想定義一個(gè)高度為2px 的線條。
<div style="height:2px;overflow:hidden;background:#000000;width:778px;"></div> 法二:將div 的字體大小屬性fontsize 設(shè)置為跟高度相同。
<div style="height:2px;font-size:2px;background:#000000;width:778px;">&nbps;</div>
相關(guān)文章
- 有時(shí)候圖片太大,會(huì)破環(huán)網(wǎng)頁整齊的布局。這時(shí)可以用css來強(qiáng)制按比例壓縮圖片的高度或?qū)挾取?/div> 2008-06-06
div+css在思路和流程上實(shí)現(xiàn)結(jié)構(gòu)與表現(xiàn)的分離分析
內(nèi)容與表現(xiàn)分離,從標(biāo)準(zhǔn)到國人重視那天起,就已經(jīng)討論了,但是停留在div+css xhtml+css 純代碼的分離,思想上流程上,到底如何分離?2008-08-08應(yīng)用WEB標(biāo)準(zhǔn)實(shí)例:列表頁面的制作
應(yīng)用WEB標(biāo)準(zhǔn)實(shí)例:列表頁面的制作...2007-06-06在到達(dá)無H無F境界前~還是要痛苦~我兼容瀏覽器的CSS
在到達(dá)無H無F境界前~還是要痛苦~我兼容瀏覽器的CSS...2006-12-12用margin和overflow屬性實(shí)現(xiàn)div間距的方法
用margin和overflow屬性實(shí)現(xiàn)div間距的方法...2007-12-12firefox下rowspan+border+border-collapse的bug
好久沒有發(fā)相關(guān)瀏覽器的坑了。今天同事cy發(fā)現(xiàn),在firefox里rowspan不生效...2010-02-02最新評(píng)論