css - 動的幅のスクロールバーを取得するには?

Question

私は自分のプロジェクトにパーセンテージで幅を与えました。しかし、内部のものは幅が固定されています。ブラウザのサイズが変更されると、ものが div の外に出て、スクロールバーが作成されません。私はこの問題のために何ができますか?

Answer 1

含まれる DIV の「overflow」プロパティを「auto」に設定すると、必要に応じてスクロールバーが表示されます。これを水平/垂直方向にのみ適用したい場合は、それぞれ「overflow-x」/「overflow-y」を使用できます。例えば：

CSS

#container {
    width: 50%;
    overflow: auto;

    /* For illustration only */
    border:2px dotted green;
}

#fixedWidth {
    width: 300px;

    /* For illustration only */
    border:2px solid red
}

HTML

<div id="container">
    <div id="fixedWidth">Fixed-width div</div>
</div>

ここの短い図: http://jsfiddle.net/ExpertSystem/YhAJk/