css - IE6 绝对定位的子元素在相对定位的父元素中，带有填充

Question

我已经为此搜索了高低，但找不到此错误的参考或如何解决它。

在 IE6 中，如果您在相对定位的父级中有一个绝对定位的子元素，并且父级上有填充。当你设置 left:0; 和顶部：0；在绝对位置上。宽度为 100% 的子级 子级不会扩展以填充其父级的宽度，它的行为就像它的宽度减去父级填充一样。是否在父项上定义宽度都没有关系。

示例代码：-

<div class="outer">
  <div class="inner">
  </div>
</div>

.outer {
  background:blue; 
  position:relative; 
  padding:0 40px; 
  height:200px; 
}

.inner {
  background:red; 
  position:absolute; 
  top:40px; 
  left:0px; 
  height:50px;
  width: 100%;
}