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

Question

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

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

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

编辑： 我已将min-width添加到父div，似乎已修复了问题：D

Answer 1

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

#parentDiv {
    overflow: hidden;
}

假设这是HTML：

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

我也注意到在“图表”部分你将一堆JQuery动画弹出到动画队列中。如果将.stop()方法链接到动画中，它会阻止动画重载队列和动画，即使在鼠标消失之后也是如此：

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