2

div の下部が下マージンやパディングのないページの最後に触れるページを設計しているので、メイン div の高さを

 $(function() {
     $('.divMain').css({'height': (($(window).height())) + 'px'});

     $(window).resize(function() {
         $('.divMain').css({'height': (($(window).height())) + 'px'});
     });
 });

私のHTMLは：

<div class="divMain">
    <table id="eduGrid"></table>
</div>

"eduGrid"動的に生成される場所(Bootstrap)。

最初は問題なく動作しますが、その div にはユーザー側で追加できるコンテンツ (新しい教育を追加するなど) があるため、コンテンツはメインの div の外に移動し、配線されているように見えます。

4

3 に答える 3

0

これがあなたが探しているものではない場合は申し訳ありません - 私はそう思いますか? - ただし、「divMain」がブラウザ ウィンドウの幅と高さの 100% を占めるようにしたい場合は、CSS を使用してこれを行うことができます - 単純に position:absolute <div> にするだけです

.divMain {
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;
}

したがって、デフォルトでは 100% の高さになりますが、<table> のコンテンツがページよりも高い場合、divMain は引き伸ばされます。

（Chromeでテスト済み）

于 2013-05-20T10:38:11.450 に答える