下拉/溢出：可见移动在Safari中的下拉菜单？

Question

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

我有一个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">