【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG

由 愚人码头 撰写 　

在前端开发中，经常会用到css的position:absolute来使层浮动，前通过left,top,right等属性来对层进行定位，但ie6对left,top,right等属性的解释和ie7，ie8及firefox、chrome等不一致。

在父层使用position:relative;和padding（当然0值除外）后，ie6中层的定位起始坐标是从padding后的位置算起，而其他则从层的真实位置算起，而非被padding改变后的那个位置。这点造成使用position:absolute进行层定位时ie6与其他浏览器的表现不一样。

未标题-1

目前解决办法，使用csshack,_left针对ie6进行重设。

另：IE6 BUG大全： http://www.css88.com/archives/579

这篇日志由 愚人码头, 发表在 2009年06月26日 于 12:19 上午, 文件归档于 (x)html+css 标签为 and tagged , . 添加永久链接到书签中. 获得所有评论更新使用这里的 日志RSS源. 发表评论 或者复制引用通告地址: 引用通告 URL.

相关日志:

刚刚被浏览过的文章：

2 条评论

  1. jun
    发表了 2010年02月24日 在 11:44 上午 | 永久链接

    博主加入7617538需要什么条件？我是某财经网站的前端架构师，可否加入,94589040

  2. jun
    发表了 2010年02月25日 在 11:22 上午 | 永久链接

    我怎么没试出来啊 把代码贴出来看看

一 个引用通告

  1. 由 » 【IE6的疯狂系列】IE6 BUG大全（bug征集、整理中..）- WEB前端开发- 专注前端开发，关注用户体验 发表在 2009年08月1日 于 2:52 上午

    [...] 【IE6的疯狂之十】父级使用padding后，子元素绝对定位的BUGhttp://www.css88.com/archives/1584 [...]

发表评论

Your email is never shared. 标记为 * 的为必填项目

*
*

评论时，昵称或个人网站填的是商业网站的，一概标记为垃圾评论不予显示，并设置相关网站为过滤关键字，提交到google、百度垃圾网站数据库