0

このレイアウトを修正するのを手伝ってもらえますか: http://imgur.com/a/kTMao

一番外側のスクロールバー (ウィンドウのスクロールバー) を表示せずに、グリッドがその親 div を完全に (水平方向および垂直方向に) 埋めてほしいと思います。表示したい唯一のスクロールバーはグリッドのものです

ページの中央に 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 に答える