Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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
Css 将网格100%展开到其父div,无其他滚动条_Css_Layout_Kendo Ui_Kendo Ui Grid - Fatal编程技术网

Css 将网格100%展开到其父div,无其他滚动条

Css 将网格100%展开到其父div,无其他滚动条,css,layout,kendo-ui,kendo-ui-grid,Css,Layout,Kendo Ui,Kendo Ui Grid,您能帮我修复此布局吗: 我希望网格将完全(水平和垂直)填充其父div,而不显示最外面的阴囊(窗口阴囊条) 我唯一想看到的滚动条是网格的滚动条 页面中间有一个肯多斯普利特 这是我的标记 <body> <img src="images/logo.png" /> <h1>Archivio documentale</h1> <div id="horizontal" style="height: 100%; width: 10

您能帮我修复此布局吗:

我希望网格将完全(水平和垂直)填充其父div,而不显示最外面的阴囊(窗口阴囊条) 我唯一想看到的滚动条是网格的滚动条

页面中间有一个肯多斯普利特

这是我的标记

<body>
    <img src="images/logo.png" />
    <h1>Archivio documentale</h1>
     <div id="horizontal" style="height: 100%; width: 100%">
            <div id="left-pane">
                <div class="pane-content" style="width:390px;">
                    <!-- LEFT SIDE CONTENT initial fixed width -->
                </div>
            </div>
            <div id="main-pane">
                <div class="pane-content">
                     <div id="mainGrid"></div>
                </div>
            </div>
      </div>
</body>

档案馆

您可以使用
视口。有
vh
(视图高度)和
vw
(视图宽度)
vh
从纵向上取窗口的高度,
vw
也从纵向上取窗口的宽度

因此,通过应用以下内容:

div{
    height: 100vh;
    width: 100vw;
}
无论发生什么情况,您的网格始终100%适合

例如:


我希望它有帮助:)

我需要将这些属性添加到哪个div元素?网格元素?它的父母?主容器?我是否需要添加一些其他标记,比如我不能使用viewport:-(您应该将它添加到一个具有“single”或“global”类的div中,该类将用作“body”标记。因此,它将是->->(此处所有其他内容)