Question

在构建应用程序时，其UI应始终为屏幕高度的100％，并且应在要溢出的特定元素上添加滚动，这是正确的方法吗？

假设我们有一个结构（伪）：

<html>
<body>
    <div class="wrapper">
       <div class="container">
           <div class="firstColumn">
           </div>
           <div class="secondColumn">
           </div>
           <div class="thirdColumn">
           </div>
       </div>
    </div>
</body>
</html>

因此，每列应该可以单独滚动。

什么是正确的方法：

1）在正文上设置100vh并将height:100%通过所有孩子直到列？

或

2）直接在列上设置100vh并继续使用overflow:auto？

Answer 1

选项＃2。

无需获取height所涉及的body，您也无需明确设置overflow:auto。您可能需要overflow:scroll。

在元素树中继承100vh或传递100％高度？

1 个答案: