HTML / CSS - 较小的框中较大的框

Question

我想如果我制作一个比它的容器大的盒子，盒子将被限制在容器的大小，并且它周围会有滚动条。

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

但是盒子实际上是从容器中出来的，如上例所示。

谢谢， 克里斯。

Answer 1

不，你必须使用css overflow来显示滚动条。并且你必须让它们的内容处于活动状态，将div定义为你想要显示它的大小。

使用示例http://jsfiddle.net/ekT3h/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