叠加在div甚至到了窗口

Question

这demo的滚动条未覆盖到滚动条。

这甚至可以将<div>覆盖到滚动条吗？今天以前，我认为这是不可能的，但仅仅是由于我的网站知道它的解决方法。请检查我的答案。

Answer 1

HTML：

<div id="content"> 
</div> 
<div id="all"> 
<div id="overlay"></div> 
</div> 

CSS：

*{ 
    margin: 0; 
    padding: 0; 
} 
html,body{ 
    height: 100%; 
    width: 100%; 
    overflow: auto; 
} 
#all{ 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    border: 1px solid red; 
} 
#content{ 
    height: 200%; 
} 
#overlay { 
    background: #000; 
    margin-top: 18px; 
    height: 50px; 
} 

溢出自动设置到HTML，身体令人惊讶的作品。 demo

如果你设置overflow:visible;那么你可以看到不会叠加到滚动条上。