【IE6的瘋狂系列】IE6下position:absolute相鄰元素margin-top失效的bug

日期：2013-11-25 來源：攀枝花惠康網絡公司

————————————————

昨天發現了一個ie6的bug，絕對界說(position:absolute)的相鄰元素margin-top竟然會失蹤效；

如不美觀沒有復雜的布景什么的可以使用padding-top替代margin-top；

看demo把（請用ie6圍不美觀）：http://www.css88.com/demo/absolute-bug/absolute-bug.html

這里有幾個前提：

相鄰元素是有width屬性的，如不美觀去失蹤width屬性，margin-top又會生效，點擊查看：http://www.css88.com/demo/absolute-bug/absolute-bug-1.html
增添相鄰元素浮動，margin-top也會又會生效；點擊查看：http://www.css88.com/demo/absolute-bug/absolute-bug-2.html

另贈予一個IE6下與float元素相鄰的position:absolute元素消逝蹤BUG

還可應在相鄰元素間插入一個空標簽的體例：


<div style="position: absolute; width: 500px; top: 0; left: 0; height: 30px; background-color: #666;">此處顯示新 Div 標簽的內容</div>
<!--[if IE 6]>
<div></div>
< ![endif]-->
<div style="margin-top: 35px; width: 100px; float: left; background-color: #3fc;">此處eeeeeeeee顯示新 Div 標簽的內容</div>

點擊查看：http://www.css88.com/demo/absolute-bug/absolute-bug-4.html

圍不美觀地址：http://blog.dengsa.com/?p=342 http://www.webchina110.cn/?p=105

文章來源：攀枝花惠康網絡公司

惠康網絡，是一家專業從事攀枝花網站建設，攀枝花網站制作，攀枝花網站設計公司，提供網站建設一條龍服務（網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣），惠康網絡立足攀枝花，輻射全中國，攀枝花惠康網絡的客戶已經遍布國內各地大中小城市，我們高效優質的網站建設服務深受用戶好評。