[心得] IE6 下 position/width 的微妙 Bug

看板Web_Design作者 (銀色)時間15年前 (2010/06/28 11:52), 編輯推噓1(102)
留言3則, 2人參與, 最新討論串1/1
想問問看有沒有人跟小弟一樣踩到這個哭笑不得的 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
還好我從很久以前就不再管IE6了 >"<
06/28 13:31, 1F

06/28 19:58, , 2F
IE6好像的確有奇數偶數寬度的問題,IE7好像也有
06/28 19:58, 2F

06/28 19:59, , 3F
不過印象中是在 right bottom 的屬性下出現的
06/28 19:59, 3F
文章代碼(AID): #1CA1nav9 (Web_Design)