Question

在我的网站标题中，我有3个按钮，每个按钮使用一小块jquery，所以当我先点击时，带有社交图标的容器会向下滑动。第二，一个带有帖子格式图标（我使用wordpress）。第三，一个带搜索栏。

我有一个问题。在Firefox（和IE中有一些小问题需要用IE 9/10未识别的东西做更多的事情）打开时，滑下容器保留在页面上，我想要它们但在所有WebKit（Chrome，Opera等）中向左走，在我的页面容器外面，我真的不知道我错过了什么。

我不是专家，但更多的是在学习情境中。

LE：对于可能提供帮助的人更具体：

我想在this picture中更好地描述了问题，其元素如下：

带有描述，按钮和其余部分的标题容器具有hed-drop类样式：

.hed-drop {
  margin-bottom: 0;
  position: relative;
  width: 100%;
}

除了h2之外，描述没有重要的课程。每个按钮仅使用display:inline-block;设置样式。

下拉容器ul和类subs的样式为：

ul {
  margin: 20px 0 0 0;
  padding-top: 10px;
}

.subs {
  position: absolute;
  width: 100%;
}

，下拉列表本身为li，其中包含：

ul > li {
  text-align: center;
  display: inline-block;
}

我真的不知道为什么（以及我要错过添加的内容）在Chrome和Opera中，下拉容器的行为与Firefox不同，我想要它。谢谢你的一切。：）