[心得] IE6 下 position/width 的微妙 Bug
想問問看有沒有人跟小弟一樣踩到這個哭笑不得的 bug,
css / html 如下:
<style type="text/css">
div { width:100px; height:100px;
position:relative; border:1px solid blue;}
a { width:20px; height:10px;
position:absolute; top:10px; right:0px;
border:1px solid green;}
</style>
<div>
<a href="#">Link</a>
</div>
以上這段 code 看起來或用起來都沒有什麼問題,
但如果將 div 的寬,從 100px 改為 99px 的時候…
a 和 div 的 border 之間竟然跑出 1px 的空隙!?
反覆測了一下,應該是 IE6 在處理單數寬度上有問題,
上來分享小弟踩到的蟲子,
如果有弄錯的地方還請指點。 orz
--
好想說這一切都是幻覺,嚇不倒我的!(淚抱頭)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.31.89.70
推
06/28 13:31, , 1F
06/28 13:31, 1F
→
06/28 19:58, , 2F
06/28 19:58, 2F
→
06/28 19:59, , 3F
06/28 19:59, 3F