css - 带溢出的下拉菜单：可见在 Safari 中围绕下拉菜单移动 div？

Question

编辑（08/09/13）：您可以在此处看到错误。

我有一个 jQuery 下拉菜单（它用基于下拉菜单替换了标准选择），它设置为溢出：可见，在 Firefox 中，下拉菜单会像单击时一样溢出到相邻的内容中。但是在 Safari 中，下拉菜单即使没有被点击，也会在下拉菜单周围移动相邻的内容。下面是我正在谈论的图片。

任何想法为什么会发生这种情况？

Answer 1

在第 297 行的 gf-style.css 上，您有“溢出：可见”。这就是导致一致性问题的原因。删除它，在所有浏览器上都应该没问题。

编辑：不是这样，这是解决方案。在你的 CSS 文件中添加这个：

.clearfix {
  display: inline-block;
}
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.clearfix {
  display: block;
}

然后将此类添加到您的 two_col_container div：

<div class="two_col_container clearfix">