0

CSS で次のことを行う際に問題があります (ページの準備で余分な JavaScript を避けたい): 100 行のテーブルがあり、そのサイズはウィンドウよりも大きいです。テーブルにスクロールバーを挿入できるように、テーブルの高さをウィンドウの高さ = にしたいと考えています。その理由は、スクロールしたときに表示したいテーブルの周り (上下) の div を「ナビゲート」する必要があるためです。コンテナーの高さを正確なピクセルに設定すると完璧に機能しますが、% を使用すると、ページにスクロールしてテーブルが生成されます。javascriptなしでCSSでこれを行うことは可能ですか?

したがって、テーブルの現在のCSSは次のとおりです。

#mainTable{
    width: 100%;
    height: 100%;
    overflow: auto;
    display: block;
}

height=800px問題は、ウィンドウが 800px の場合、 % を使用するとページ上でスクロールが得られ、 px を使用するとテーブル上でスクロールが得られるため、これは私が行った場合と同じ結果をもたらさないということです。

4

2 に答える 2

0

ページの長さを超える場合がwidth: 100%;あるため、90％、80％、または70％、または正確な幅を試すことができます。またはmargin: 20px;、高さのように指定することもできます。そのような正確な高さはheight: 200px;おそらくあなたが望む幅ではありませんが、あなたは私が何を意味するか知っています.

また

最後の人が言ったように、JavaScript を実行できます。CSSがうまくいかない場合は、これをお勧めします。CSS ではできないことがいくつかあります。:/

于 2013-08-30T12:52:04.040 に答える