2

Webページに問題があります。

基本的に、私は<html>、overflow:hidden2つの水平ナビゲーションバー、左側に1つの固定垂直サイドバー、残りの中央に、プロパティを持つ1つのdivを持っていheight: 90%ます。

編集：コンテナdivにはoverflow: autoプロパティがあります。

コンテンツはAJAXを介してコンテナ領域にロードされます。コンテンツは主に表形式のデータで構成されており、コンテンツが多すぎる場合は常にコンテナ領域をスクロールさせることが重要です。通常の高さの通常のモニターではすべてが正常に機能しますが、ラップトップに移動すると、HTMLのオーバーフローにより、最後の1〜2行が「非表示」になります。

元height: 90%の値を小さくすると問題は修正されましたが、高さを下げた大画面に切り替えた後、コンテンツ領域が完全にカバーされていません。

CSSを介してこの問題を修正する方法はありますか？そうでない場合は、画面サイズ変更javascriptイベントを介して可能ですか？

4

2 に答える 2

0

それを行う最も簡単でおそらく最速の方法は、Javascriptを使用することです。表形式のデータコンテナの高さを具体的に設定すると、レイアウトと一般的なアイテムの間隔をより細かく制御できるようになります。

高さを設定するときは、ナビゲーションバーの高さを考慮する必要があるため、jQueryではコードは次のようになります。

function resizeMain()
{
    $('#tabularBox').height($(window).height() - $('#topBar').height() - $('#bottomBar').height());
}

// size it on load:
$(function(){
    resizeMain();
}

// and size it on resize
$(window).resize(resizeMain);

もちろん、これを最適化する多くの方法がありますが、それがアイデアです。そして、小さな画面に注意する必要がありますが、これはとにかく％の問題になります。

最後に、オーバーフローが必要です。表形式のボックス

于 2012-11-01T12:52:35.403 に答える
0

高さ：90％のdivにオーバーフロー：自動またはオーバーフロー：スクロールを配置します。そのdivにのみスクロールバーが追加されます。

于 2012-11-01T12:47:30.870 に答える