為什么80%的碼農(nóng)都做不了架構(gòu)師？>>> ??

?1．IE瀏覽器在對(duì)圖片顯示時(shí)默認(rèn)在圖片下面和右面加了3px的間距，這導(dǎo)致上下空間加大。

解決方法：在圖片標(biāo)簽外面加上div，并在div上面加上圖片的高度（對(duì)左右對(duì)齊有要求的加上寬度），這樣可以過慮圖片的默認(rèn)間距。
示例：

Error <img src="image/demo_active.gif" class="mgn_l_30"> OK <div style="width:118px; height:25px;"><img src="image/demo_active.gif" class="mgn_l_30"></div>

2．IE瀏覽器默認(rèn)顯示div時(shí)在div下面和右面加了3px的間距，這導(dǎo)致上下空間加大。

解決方法：在div樣式中加上高度和寬度
示例：

Error <div>abc一二三</div> OK <div style=”height:16px;width:100px”>abc一二三</div>

3．IE設(shè)置DIV高度不正確；<div style="background-color:blue;height:10px"></div>，在Firefox中，這段代碼會(huì)很正確的將這個(gè)DIV的高度設(shè)置為10px；但在IE中高度為15。
????在IE中DIV是跟當(dāng)前的font-size有關(guān)的。也就是說，在IE中，一個(gè)DIV默認(rèn)是不能比font- size小。

解決方法：在div樣式中加上高度后應(yīng)該隱藏多余的部分：
示例：

Error <div style="background-color:blue;height:5px"></div> OK <div style="background-color:blue;height:5px;overflow:hidden"></div>

轉(zhuǎn)載于:https://my.oschina.net/tsai/blog/115999

總結(jié)

以上是生活随笔為你收集整理的IE（6）浏览器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。