javascript - Google Chrome 中奇怪的额外 DIV 高度

Question

我有两个 DIV:

• 第一个是窄的，向左浮动，显示一种垂直标签结构。
• 第二个显示左侧 DIV 中每个选定元素的内容

你可以看到一个简化的例子here on JSFiddle .

如示例所示，左侧 DIV 通常高于右侧。这就是为什么右侧 DIV 垂直向下移动以将其与左侧 DIV 中所选元素的底部对齐的原因，这样当用户选择左侧的元素时，内容始终可见。

在 Firefox 和 IE 中一切正常，但在 Chrome 中却不是。

Chrome 问题

每当您在左侧 DIV 中选择一个应该重新定位右侧 DIV 的元素时，两者的整个容器都会变高，即使所包含的 DIV 中没有一个是一样高的。

这里似乎发生了什么，我做错了什么？

Answer 1

您可以隐藏使用 .container { overflow-y: hidden; 增加的额外高度}