仅在div中打开全屏模式

Question

我正在使用它     http://www.w3schools.com/howto/howto_js_fullscreen_overlay.asp

我有两个div，一个在另一个之上。我想知道如何只在div中打开我的全屏叠加层并全屏注释谢谢

一开始我想使用top：50％，但我的第一个div的高度不固定，

Answer 1

如果你改变位置：在叠加类中固定到位置：绝对并给它一个宽度，这对你有用吗？

我正在使用以下页面并更改叠加层： http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_overlay2

.overlay {
    height: 0%;
    width: 100%;
    position:absolute;
    width:200px;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}