Css 将网格100%展开到其父div,无其他滚动条
您能帮我修复此布局吗: 我希望网格将完全(水平和垂直)填充其父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
<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”标记。因此,它将是->->(此处所有其他内容)