html - HTML/CSS - 小さなボックス内の大きなボックス

Question

ボックスをコンテナよりも大きくすると、ボックスはコンテナのサイズに制限され、その周りにスクロールバーが表示されると思いました。

http://jsfiddle.net/Amnesiac/ekT3h/

しかし、上の例のように、箱は実際にはコンテナから出てきます。

ありがとう、クリス。

Answer 1

いいえ、スクロールバーを表示するには、css オーバーフローを使用する必要があります。それらをアクティブにするためのコンテンツが必要です。実際に表示したい大きさのdivを定義してください。

http://jsfiddle.net/ekT3h/2/の例でフィドルを更新して、理解しやすくするためにすべてを大きくしました。2 番目のフィドルhttp://jsfiddle.net/ekT3h/4/は、div の名前でマークされ、元の CSS を更新して、他のコンテンツに関係なく子を配置します。

Answer 2

「コンテナ」クラスで「overflow:auto」プロパティを使用します。

#container{
 height:100px;   
 width: 100px;   
 border: 1px solid red;  
    overflow:auto;
}

Answer 3

次の css を適用します。

overflow:hidden