css - スクロールバーを異なるモニター解像度に合わせる

Question

css に行き詰まりました。スクロール バーを異なるモニター解像度に合わせたいので、この css を使用します。

div.scroll {
    width:800px;
    height:800px;
    overflow:scroll;
}

ただし、他の解像度では表示が異なり、幅または高さを100％に変更すると表示されます。スクロールバーが機能しません。スクロールバーはまだそこにありますが、無駄なスクロールバーなど、テーブル全体が表示されます。

どんな助けでも感謝します

Answer 1

と を使ってみましたmin-widthかmin-height？

HTML:

<div class="scroll">
    <p>This is the scrolling area</p>
</div>

CSS:

div.scroll
{
min-width:800px;
min-height:800px;
overflow:auto;
}

.scroll p
{
    width: 900px;
    background: #cc0000;

}

作業例:

http://jsfiddle.net/Aps83/

目的の結果が完全に明確ではありませんが、必要な場合にのみスクロールバーが表示されます (小さな画面、コンテンツが広すぎたり高すぎたりします)。