屏幕尺寸 > 容器尺寸时出现奇怪的宽度问题

【问题标题】：Weird width issue when screen size > container size屏幕尺寸 > 容器尺寸时出现奇怪的宽度问题
【发布时间】：2012-06-25 06:53:33
【问题描述】：

我创建了一个网页，该网页的顶部有两个栏（用于导航和 Twitter 更新）。我如何做到这一点是为每个栏创建两个 div，一个 div 在另一个里面。这样做的原因是因为我希望栏在整个页面上缩放，但内容被限制在固定宽度。

现在这“正常”工作正常，但是当浏览器屏幕宽度小于子 div 宽度时，它会溢出到父 div 之外。

我在这里有一个页面的现场演示： http://tinyurl.com/7qj3pzs

编辑：我已经在父 div 中添加了 min-width，似乎已经解决了这个问题：D

【问题讨论】：

【解决方案1】：

在父div上，需要设置如下CSS：

#parentDiv {
    overflow: hidden;
}

假设这是 HTML：

<div id="parentDiv">
   <div id="childDiv"></div>
</div>

我还碰巧注意到，在“图表”部分，您将一堆 JQuery 动画弹出到动画队列中。如果您像这样将.stop() 方法链接到动画中，它将防止动画超载队列和动画，即使在鼠标消失后也是如此：

$('a').stop().animate();

【讨论】：