Html 在固定div中，div显示在彼此的顶部

在一个固定的div中并排显示项目时，我遇到了一些问题。我想我可以将项目设置为相对，它们将并排显示，但这不起作用

jsfiddle：

我有这个HTML

---

但是现在发生的事情是，feed tab div是相互重叠的。如何使它们并排放置？

首先，在容器上使用高度：1px，在子元素上使用负边距顶部。为什么我不知道

但“使相对”并不意味着元素将并排排列，而是需要更改“显示”属性或使用“浮动”：

显示：内联块

像这样

或

浮动：左//浮动：右

---

像这样

首先，在容器上使用height:1px，在子元素上使用负边距top。为什么我不知道

但“使相对”并不意味着元素将并排排列，而是需要更改“显示”属性或使用“浮动”：

显示：内联块

像这样

或

浮动：左//浮动：右

---

像这样

CSS：创建一个水平类。对于每个子级，显示为内联

.horizontal * {
  display: inline;
}

HTML：将类中的任何元素水平包装，它们将并排出现

<div class="horizontal">
  <b>Bold</b>
  <u>Underline</u>
  <i>Italic</i>
</div>

---

CSS：创建一个水平类。对于每个子级，显示为内联

.horizontal * {
  display: inline;
}

HTML：将类中的任何元素水平包装，它们将并排出现

<div class="horizontal">
  <b>Bold</b>
  <u>Underline</u>
  <i>Italic</i>
</div>

---

将选项卡放在表中是一种选择吗？这是因为所有3个提要选项卡最终都具有相同的位置属性。因此，将选项卡放在表中是一个选项吗？这是因为所有3个提要选项卡最终都具有相同的位置属性。因此，我使用的是1px，因为如果我没有弄错的话，div会掩盖背景链接，使它们不可点击，因为这些标签是重叠的，比如facebook/google聊天。内联块版本可以工作，但在我的页面上，由于某些原因，它不能正确地将它们向右浮动…页边空白顶部：-200px在我将它们向左浮动时将项目弄乱了。。。但正如我前面的评论，1px是用来使div变小的…好吧，如果你想保持1px的高度，那么就用top来偏移边距顶部的insetad。。。选中此项@ryannadyi实际上可以通过指针事件消除它：无；在.tabs和指针事件上：全部；在解决1px div问题的.feed选项卡上！谢谢你的帮助！我之所以使用1px，是因为如果我没有弄错的话，div会掩盖背景链接，使它们不可点击，因为这些标签是重叠的，比如facebook/google聊天。内联块版本可以工作，但在我的页面上，由于某些原因，它不能正确地将它们向右浮动…页边空白顶部：-200px在我将它们向左浮动时将项目弄乱了。。。但正如我前面的评论，1px是用来使div变小的…好吧，如果你想保持1px的高度，那么就用top来偏移边距顶部的insetad。。。选中此项@ryannadyi实际上可以通过指针事件消除它：无；在.tabs和指针事件上：全部；在解决1px div问题的.feed选项卡上！谢谢你的帮助！