HTML/CSS - 小盒子中的大盒子

标签 html css

我想如果我做一个比容器大的盒子,盒子就会被限制在容器的大小内,并且周围会有滚动条。

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

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

谢谢, 克里斯。

最佳答案

不,您必须使用 css overflow 来使滚动条出现。并且您必须有内容才能使它们处于事件状态,将 div 定义为您实际希望显示的大小。

用一个例子更新了你的 fiddle http://jsfiddle.net/ekT3h/2/把一切都变得更大,以便更容易理解。第二把 fiddle http://jsfiddle.net/ekT3h/4/用 div 的名称标记并更新您的原始 css 以定位 child 而不考虑任何其他内容。

关于HTML/CSS - 小盒子中的大盒子,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12797079/

相关文章:

html - Border-radius 在应用时会在美学上中断.. Bug?

javascript - iOS 8.1.3 上的 Bootstrap 模式问题

html - chrome/firefox 中的文字颜色不同

javascript - 使用相对位置和绝对位置时,我的图像消失了

javascript - Vimeo <iframe> 嵌入劫持滚动/滑动事件

css - 我怎样才能让 Twitter Bootstrap 井与它们的外部 div 高度相同?

javascript - 如何设置从数字转换为html span标签的函数

javascript - 如何向一个按钮添加两个不同的事件监听器

javascript - 下拉列表验证不起作用

html - 如何停止图像在悬停时四处移动?