我想如果我制作一个比它的容器大的盒子,盒子将被限制在容器的大小,并且它周围会有滚动条。
http://jsfiddle.net/Amnesiac/ekT3h/
但是盒子实际上是从容器中出来的,就像上面的例子一样。
谢谢,克里斯。
我想如果我制作一个比它的容器大的盒子,盒子将被限制在容器的大小,并且它周围会有滚动条。
http://jsfiddle.net/Amnesiac/ekT3h/
但是盒子实际上是从容器中出来的,就像上面的例子一样。
谢谢,克里斯。
不,您必须使用 css 溢出来使滚动条出现。并且您必须拥有内容才能使它们处于活动状态,将 div 定义为您实际希望它显示的大小。
使用示例http://jsfiddle.net/ekT3h/2/更新了您的小提琴,使一切变得更大,以便更容易理解。第二个小提琴http://jsfiddle.net/ekT3h/4/标有 div 的名称,并更新了您的原始 css 以定位孩子而不考虑任何其他内容。
在“容器”类中使用“溢出:自动”属性。
#container{
height:100px;
width: 100px;
border: 1px solid red;
overflow:auto;
}
应用以下CSS:
overflow:hidden