是否可以顯示位於溢出元素之外的元素：滾動？

Question

比方說，我有

<div class="fixed"> 
    <div class="abs"></div> 
</div> 

和css：

.fixed{ 
    position: fixed; 
    top:100px; 
    width:100%; 
    height:300px; 
    border:1px solid turquoise; 
    overflow:scroll; 
} 
.abs{ 
    position: absolute; 
    width:50px; 
    height:50px; 
    top:-50px; 
    left:0; 
    border:1px solid orange; 
} 

眼下。ABS和.fixed具有相同的父母和我使用JavaScript將它定位在固定元件上，但我不知道還有另一種方式。

那麼有可能以某種方式使.abs可見？ Fiddle

Answer 1

簡單地刪除overflow:scroll;上.fixed：

.fixed{ 
 
    position: fixed; 
 
    top:100px; 
 
    width:100%; 
 
    height:300px; 
 
    border:1px solid turquoise; 
 
} 
 
.abs{ 
 
    position: absolute; 
 
    width:50px; 
 
    height:50px; 
 
    top:-53px; 
 
    left:-1px; 
 
    border:1px solid orange; 
 
}

<div class="fixed"> 
 
    <div class="abs"></div> 
 
</div>

Answer 2

我真的不明白我的意思你爲什麼這樣做。

順便說一句。你應該有一個固定的容器。 HTML：

<div class="container"> 
    <div class="fixed"></div> 
    <div class="abs"></div> 
</div> 

CSS：

.fixed{ 
    position: absolute; 
    width:100%; 
    height:300px; 
    border:1px solid turquoise; 
    overflow:scroll; 
} 
.abs{ 
    position: absolute; 
    width:50px; 
    height:50px; 
    top:-30px; 
    left:0; 
    border:1px solid orange; 
} 
.container { 
position: fixed; 
    width: 300px; 
    top: 40px; left: 40px; 
} 

https://jsfiddle.net/fujmw79t/3/