Question

你可以帮我修复这个布局：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>

Answer 1

您可以使用Viewports。有vh（查看高度）和vw（查看宽度）。 vh以非常方式取窗口的高度，而vw也会以窗口的宽度取景。

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

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

无论如何，你的网格总是100％适合。

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

我希望它有所帮助：）

扩展网格100％其父div，没有其他滚动

1 个答案: