绝对位置和溢出隐藏

Question

我们有两个DIV,一个嵌入另一个.如果外部DIV不是绝对定位的,则位于绝对位置的内部DIV不服从外部DIV隐藏的溢出(示例).

有没有机会让内部DIV服从外部DIV隐藏的溢出而不将外部DIV设置为绝对位置(因为这会破坏我们的完整布局)？我们内部DIV的相对位置也不是一个选项,因为我们需要"扩展"表TD(例如).

还有其他选择吗？

Answer 1

制作外<div>,以position: relative和内<div>到position: absolute.它应该适合你.

Answer 2

怎么样position: relative的外层div？在隐藏内部的示例中.它也不会在布局中移动它,因为您没有指定顶部或左侧.

Answer 3

实际上relative，相对于父级或最近找到的相对父级定位绝对定位的元素。因此，具有的元素overflow: hidden应位于relative和absolute元素之间：

<div class="relative-parent">
  <div class="hiding-parent">
    <div class="child"></div>
  </div>
</div>

.relative-parent {
  position:relative;
}
.hiding-parent {
  overflow:hidden;
}
.child {
  position:absolute; 
}