IE6下position:absolute相邻元素margin-top失效的bug
浏览:3058次 出处信息
昨天发现了一个ie6的bug,绝对定义(position:absolute)的相邻元素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
如果没有复杂的背景什么的可以使用padding-top替换margin-top;
还可应在相邻元素间插入一个空标签的方法:
以下是代码片段: <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
――――――――――――――――
另赠送一个IE6下与float元素相邻的position:absolute元素消失BUG
围观地址:http://blog.dengsa.com/?p=342 http://www.webchina110.cn/?p=105
建议继续学习:
- 解决IE6从Nginx服务器下载图片不Cache的Bug (阅读:7082)
- 让IE6支持min-width (阅读:2819)
- IE6中a标签location.href失效解决方法 (阅读:2405)
- IE6下appendChild的一个小问题。 (阅读:2221)
- IE6浮动引起的一些BUG (阅读:2210)
- 这到底是谁之错? (阅读:1468)
- IE6下经典的请求abort问题 (阅读:1393)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:样式的作用域──页面重构中的模块化设计(一)
后一篇:OverFlow -- 创建BFC,清除浮动 >>
文章信息
- 作者:愚人码头 来源: WEB前端开发
- 标签: absolute IE6 margin-top
- 发布时间:2010-08-23 22:02:15
建议继续学习
近3天十大热文
- [66] Oracle MTS模式下 进程地址与会话信
- [66] Go Reflect 性能
- [65] 如何拿下简短的域名
- [59] android 开发入门
- [59] 图书馆的世界纪录
- [59] IOS安全–浅谈关于IOS加固的几种方法
- [58] 【社会化设计】自我(self)部分――欢迎区
- [53] 视觉调整-设计师 vs. 逻辑
- [47] 界面设计速成
- [46] 读书笔记-壹百度:百度十年千倍的29条法则