我有溢出问题:自动和相对位置?我的代码示例是:
div {
border: 3px dashed #ccc;
padding: 20px;
}
div::before { content: attr(class); }
.grandparent { overflow: auto; }
.parent { position: relative; }
.child { position: absolute; height: 60px; background: black; color: white; }Run Code Online (Sandbox Code Playgroud)
<div class="grandparent">
<div class="parent">
<div class="child"></div>
</div>
</div>Run Code Online (Sandbox Code Playgroud)
我想要div.child过去div.grandparent但因为div.parent和他的position: relative原因导致溢出。
请注意,我需要将元素绝对定位在内部.parent- 位置相对于.parent- (这就是我position: relative在这里需要的原因),并且我还需要一个可滚动的.grandparent.
预期结果: