【转】父级使用padding后子元素绝对定位的BUG
2010-05-24 13:07
351 查看
在前端开发中,经常会用到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进行重设。
原文地址:http://www.css88.com/archives/1584
在父层使用position:relative;和padding(当然0值除外)后,ie6中层的定位起始坐标是从padding后的位置算起,而其他则从层的真实位置算起,而非被padding改变后的那个位置。这点造成使用position:absolute进行层定位时ie6与其他浏览器的表现不一样。
这里就不截图了,具体可以看本文底部链接是前段大牛,码头的博客地址!
目前解决办法,使用csshack,_left针对ie6进行重设。
原文地址:http://www.css88.com/archives/1584
相关文章推荐
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG
- IE6父级使用padding后子元素绝对定位的BUG
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG(2010年3月30日更新)
- IE6 下父级(relative)使用padding后,子元素绝对定位(absolute)的bug
- css基础 出现层叠的两个绝对定位元素 使用z-index属性设置层叠顺序
- css使absolute相对于父容器进行定位而不是以body(为什么绝对定位(absolute)的父级元素必须是相对定位(relative))
- IE7局部滚动区域下绝对定位或相对定位元素不随滚动条滚动的bug
- 绝对定位元素遮盖其它元素的bug
- IE6,7局部滚动条中元素position:relative或绝对定位滚动无效BUG
- 当子级元素浮动时让父级元素高度自适应的三种方法(以及多个子集元素同时存在浮动和绝对定位时的问题的解决办法)
- 关于使用绝对定位使元素垂直居中的问题
- IE7局部滚动区域下绝对定位或相对定位元素不随滚动条滚动的bug
- IE下当a标签使用position:absolute绝对定位时没有点击区域的bug
- 1.width是核心内部元素,margin,padding,border值不属于width 2.absolute 两个绝对定位的元素如果是同一父元素会发生重叠,而不是与float一样会正常排布
- 父级overflow为scroll时,绝对定位的子元素会被隐藏或一起滚动
- 如何使绝对定位内部元素不继承父级宽度,而是靠内容自动撑开宽度?
- 【兼容ie6笔记】当li为父级元素,子级元素使用了position:absolute,并用left定位时
- 【CSS】IE7局部滚动区域下绝对定位或相对定位元素不随滚动条滚动的bug
- 怎样使绝对定位的子元素铺满父元素并且子元素可以设置padding