【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

这里有几个前提：

1. 相邻元素是有width属性的，如不美观去失踪width属性，margin-top又会生效，点击查看：http://www.css88.com/demo/absolute-bug/absolute-bug-1.html
2. 增添相邻元素浮动，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