0

この div のコンテンツを利用可能な領域全体に表示したいのですが、jsfiddle で作成した例では、以下のように表示されているページをロードするときに、このページを完全なページ (緑色で囲まれている) として表示したいと考えています。ですが、赤丸で囲った部分はカバーできません。助言がありますか？

<div id="main_Container" style="width:auto;height:auto;">
  <div id="splitter" >
                    <div id="Top-Pane">Top Pane Content
                        <div> Some more content</div>      
                    </div>
                    <div id="Bottom-Pane">Bottom Pane Content                            
                       <div id="tabContainer">  

                        </div>

                    </div>

  </div>
</div>

http://jsfiddle.net/KendoDev/Z4rwQ/9/

ここに画像の説明を入力

4

1 に答える 1

1

初めての回答なのでお手柔らかに！ただし、スプリッターに明示的な高さを追加して、ビューポートの高さにすることができます。

    var viewportHeight = $(window).height();
    $("#splitter").height(viewportHeight);

そしていくつかのCSS（スタイルシートに入れましたが、上記のようにインラインで実行できます）：

#Top-Pain {
height: 50%;
}

#Bottom-Pane{
height: 50%;
}

それは望ましい効果ですか？http://jsfiddle.net/chowie/Z4rwQ/11/

于 2014-08-16T11:00:21.623 に答える