在前端开发中,经常会用到css的position:absolute来使层浮动,前通过left,top,right等属性来对层进行定位,但ie6对left,top,right等属性的解释和ie7,ie8及firefox、chrome等不一致。 在父层使用position:relative;和padding(当然0值除外)后,ie6中层的定位起始坐标是从padding后的位置算起,而其他则从层的真实位置算起,而非被padding改变后的那个位置。这点造成使用position:absolute进行层定位时ie6与其他浏览器的表现不一样。 目前解决办法,使用csshack,_left针对ie6进行重设。 另:IE6 BUG大全: http://www.css88.com/archives/579 ===========================以下内容2010年3月30日更新============================= 今天收到robertsky123的留言(见留言区): 一些样例请测试好再传,会误导读者的,还有ie与其他主流浏览器的盒模式是一样的,不是ie定了width在加padding就不会改变宽度也是改变的, 网上有些东西很容易误导读者,请博主对读者负责啊! 非常感谢robertsky123的留言和建议!由于robertsky123当头棒喝使我重新对该问题进行了测试。 确实该问题还有其他的解决:不过这些方案很和实际项目有关,比如这个父级容器是否顶宽定高等其他原因。 首先看问题的产生,HTML和CSS如下: <div style="position:relative; padding:20px; border:2px solid #F00;"> <div style="position:absolute; top:0; left:0; border:1px solid #690;">test box</div> </div> 显示如图:
-
WEB前端开发群
71795209(HTML+CSS,满)| 84902436(jQ满)
67764949(满) | 62389544(满)
80215851(满) | 31584324(满)
84902397(CSS,满)|71795162 (满)
71795235(满) | 62544413(jQ,满)|
84902470(js群,满)| 80215721(jQ,满)
75791124(满)|
7617538(js森林,入群条件)
66198794(jQuery森林,新群)
66199085(前端综合群)
潜水者勿扰,一个月清理一次潜水 -
订阅我/收藏我/关注我
-
文章分类
-
赞助商
-
近期评论
- 小山 在 JQ插件:slide滚动插件 上的评论
- woiweb 在 JQ插件:slide滚动插件 上的评论
- 愚人码头 在 JQ插件:slide滚动插件 上的评论
- 小山 在 JQ插件:slide滚动插件 上的评论
- goodcza 在 【IE6的疯狂系列】IE6下position:absolute相邻元素margin-top失效的bug 上的评论
- xiaohui 在 友情链接 上的评论
- web前端寒风 在 【IE6的疯狂系列】IE6下position:absolute相邻元素margin-top失效的bug 上的评论
- sfs 在 写在js森林一周年之际 上的评论
- woiweb 在 Axure RP Pro 5.5.0.1945简体中文汉化包 上的评论
- 幻 在 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG(2010年3月30日更新) 上的评论
-
最近文章
-
标签
前端名言趣言 前端开发 前端开发工具 前端招聘 变形 图片压缩 布局 开发人员工具 招聘 渐变 相对定位 知识库 线性渐变 语法提示 调试 闪光字 页面模块化 Ajax border-radius box-shadow css css3 css hack css Sprites DebugBar hasLayout html IE IE6 IE6 BUG IE8 ieTester JavaScript jquery jQuery入门 jQuery插件 jQuery选择器 line-height meta MTJS PNG position:fixed transform vs2008 win7 -
文章存档
-
-
管理
点击最高的文章
- 关于前端开发工程师的地域、薪水、工龄、技能的调查 - 25,012 views
- 一个关于透明度继承的问题 - 21,547 views
- 【IE6的疯狂系列】IE6 BUG大全(bug征集、整理中..) - 16,831 views
- IE的条件注释【转载】 - 15,609 views
- 前端开发必备工具之网页调试工具篇(2009年4月6日更新发布) - 8,860 views
- 友情链接 - 8,587 views
- IE8的css hack - 8,379 views
- 【jQuery插件】等比例缩放图片浏览-LoadImage - 7,764 views
- 作为一名前端开发工程师居然没有IE6! - 7,448 views
- 用Aptana调试JavaScript教程 - 7,405 views
- Flex皮肤设计制作的捷径 - 7,361 views
- 《精通CSS:高级Web标准解决方案》(CSS Mastery:Advanced Web Standards Solutions)下载 - 7,310 views
- css自定义导航、按钮样式 - 7,225 views
- web开发利器Aptana studio 1.2(下载,破解,汉化)(2008年11月3日更新) - 7,158 views
- 【IE6的疯狂之九】li在IE中底部空行的BUG - 7,079 views
- DW cs4的jQuery语法提示插件 - 6,884 views
- 前端开发必备工具(2009年3月23日更新) - 6,387 views
- Blueprint CSS栅格化框架可视化生成工具-Boks - 6,364 views
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG(2010年3月30日更新) - 6,301 views
- 前端调试利器DebugBar - 6,092 views
-
RSS源

