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

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">