IE6 下父级(relative)使用padding后,子元素绝对定位(absolute)的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与其他浏览器的表现不一样。

 

解决办法：父级元素设定高度。