css - Div のコンテンツを分離する方法

Question

ご存知のように、固定サイズの div のコンテンツは、より多くのスペースが必要な場合に備えて、div の外に出ます。例： http: //jsfiddle.net/YaTeG/ 今私の質問は、jsなしでそれを停止する方法ですか? 私はiframeのように意味します！さらにスペースが必要な場合は、スクロールバーがあります。

Answer 1

プロパティを使用しoverflowます。

• overflow: hiddenカットしたい場合、または
• overflow: autoコンテンツが長すぎる場合にスクロールバーを表示する場合。

Answer 2

このようにcssを更新すると;

#wrapper {
    position: absolute;
    width: 200px; height: 200px;
    top: 20px; left: 20px;
    background-color: #ff0;
    border: 2px solid #000;
    overflow:auto;
}

コンテンツがdivよりも大きい場合、自動的に自動スクロールします。

overflow:auto;

このケースのさまざまなスタイルについては、こちらをご覧ください。

Answer 3

overflowプロパティは、スクロールバーの水平と垂直の両方を制御します。さらに制御が必要な場合は、overflowスクロールバーごとに個別にプロパティを設定できます。

overflow-xプロパティは水平スクロールバーを制御し、overflow-y- 垂直の場合

例えば

.some_element{
    overflow-x: hidden;
    overflow-y: auto;
}