Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 继承100vh还是通过元素树的100%高度?_Html_Css - Fatal编程技术网

Html 继承100vh还是通过元素树的100%高度?

Html 继承100vh还是通过元素树的100%高度?,html,css,Html,Css,当构建一个应用程序时,其UI应该始终是屏幕高度的100%,并且应该在要溢出的特定元素上添加滚动条,那么正确的方法是什么 假设我们有一个结构(伪): 因此,每一列都应该可以自己滚动 正确的方法是什么: 1) 在车身上设置100vh,并将height:100%通过所有子项传递到立柱上 或 2) 直接在列上设置100vh,然后继续执行溢出:自动?选项2 无需获取主体的高度,也无需显式设置溢出:自动。您可能需要溢出:滚动选项2 无需获取主体的高度,也无需显式设置溢出:自动。您可能希望溢出:滚动可见是

当构建一个应用程序时,其UI应该始终是屏幕高度的100%,并且应该在要溢出的特定元素上添加滚动条,那么正确的方法是什么

假设我们有一个结构(伪):


因此,每一列都应该可以自己滚动

正确的方法是什么:

1) 在车身上设置
100vh
,并将
height:100%
通过所有子项传递到立柱上

2) 直接在列上设置
100vh
,然后继续执行
溢出:自动

选项2

无需获取
主体的
高度
,也无需显式设置
溢出:自动
。您可能需要溢出:滚动

选项2


无需获取
主体的
高度
,也无需显式设置
溢出:自动
。您可能希望
溢出:滚动

可见是默认值hm…我认为
可见
是默认值。@nomitage更快;)@deezg我们要快速:-)visible是默认值HM…我认为
visible
是默认值。@nomisk更快;)@deezg我们要快走了:-)
<html>
<body>
    <div class="wrapper">
       <div class="container">
           <div class="firstColumn">
           </div>
           <div class="secondColumn">
           </div>
           <div class="thirdColumn">
           </div>
       </div>
    </div>
</body>
</html>