如何让我的元素占据全屏并禁用滚动？

Question

我想让我的孩子 div 占据屏幕的剩余空间并禁用滚动选项，因为我使用的是 PanZoom，我希望孩子的 div 始终为 100& 屏幕

<div class="parent">
    <menu> ... </menu>
    <div class="children"> ​
        <panzoom></panzoom> //the image can change size, height etc.
    </div>
</div>

我尝试使用

children  {
    height : 100%
}

但使用 PanZoom，div 更大，滚动选项出现。

Answer 1

老实说，我不确定你的意思，你的问题有点不清楚，但是，这里有一个可能的答案。

如果你想让一个元素真正全屏，你不应该只是将高度设置为 100%，你需要考虑用户的屏幕，像这样：

.element {
   height: 100vh;     // sets the height to the full screen view height
   width: 100vw;      // sets the width to the full screen view width
   overflow: hidden;  // hides scrolling
}

Answer 2

如果你不想滚动条出现，你可以这样做

.children {
    overflow: hidden;
}