Question

在this jsbin中，当我在父元素上设置<div>时，绝对定位的绿色overflow-x: auto在顶部被切断。为什么？根据我的理解，overflow-y仍为visible，因此溢出应该是可见的。

#red {
  width: 300px;
  height: 100px;
  background: red;
  overflow-x: auto;
  position: relative;
  top: 30px;
}
#green {
  position: absolute;
  width: 10px;
  height: 10px;
  background: green;
  top: -5px;
}

<div id="red">
  <div id="green"></div>
</div>

Answer 1

我发现这可以解释您的情况：http://www.brunildo.org/test/Overflowxy2.html

＆＃34;根据规范...某些与'可见'的组合是不可能的：如果一个指定为'可见'而另一个是'滚动'或'自动'，则设置'可见'到'汽车'＆＃34;

和

＆＃34;在Gecko，Safari，Opera中，'visible'在与'hidden'结合使用时变为'auto'（换句话说：'visible'与其他与'visible'不同的东西组合成'auto' ）。 Gecko 1.8，Safari 3，Opera 9.5在它们中非常一致。＆＃34;

希望它有所帮助。

溢出-x切断绝对定位的孩子

1 个答案: