0

你能帮我解决这个布局吗：http: //imgur.com/a/kTMao

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

页面中间有一个 kendoSplitter

这是我的标记

<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>
4

1 回答 1

0

你可以使用Viewports. 有vh（视图高度）和vw（视图宽度）。vh动态地获取窗口的高度，并且动态地vw获取窗口的宽度。

因此，通过应用以下内容：

div{
    height: 100vh;
    width: 100vw;
}

无论如何，您的网格始终适合 100%。

示例：http ://codepen.io/diego-fortes/pen/oYKpqK

我希望它有帮助:)

于 2016-12-29T16:01:14.433 回答