合买大神
网站首页 网站建设 公司动态 行业新闻 案例展示 关于我们

文章内容

【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

文章来源:攀枝花惠康网络公司

惠康网络,是一家专业从事攀枝花网站建设,攀枝花网站制作,攀枝花网站设计公司,提供网站建设一条龙服务(网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广),惠康网络立足攀枝花,辐射全中国,攀枝花惠康网络的客户已经遍布国内各地大?#34892;?#22478;市,我们高效优质的网站建设服务深受?#27809;?#22909;评。

客服?#35748;擼?img src="skin/images/tel.png" alt="tel" height="15" width="84" style="vertical-align:middle;">(谢先生)  客服QQ:1323605005  
服务邮箱:[email protected](售前咨询)  [email protected](技术部)  [email protected](售后服务)
公司地址:四川省攀枝花市
邮编:617200

合买大神 江苏11选5计划 中秋月光派对返水 海底总动员背景 穿越火线官网 马戏团游戏 重庆时时后一精准公式 上海上港vs江苏 第戎巧克力 塔什干棉农队vs阿尔萨德 热刺球员名单2018