当前位置: 代码迷 >> Web前端 >> 父级运用padding后子元素绝对定位的BUG(转)
  详细解决方案

父级运用padding后子元素绝对定位的BUG(转)

热度:39   发布时间:2012-10-24 14:15:58.0
父级使用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与其他浏览器的表现不一样。