Html 有人能诊断这个CSS问题吗？

嘿，有人能帮我诊断一下这个CSS问题吗，因为我不知道是怎么回事

以下是我的CSS：

#navigation {
display: inline;
}

.download {
width: 10px;
height: 40px;
}

.steps {
width: 90px;
height: 40px;
}

这是我的HTML：

<div id="navigation">
<div class="download"></div>
<div class="steps"></div>
</div>

出于某种原因，即使显示：inline；正在使用时，这些类仍然低于其他类

---

在有人评论我为什么不使用无序列表来创建导航之前，这是一个报酬很低的快速工作，所以最好的形式不是我想要的。也就是说，我试图诊断这个问题已经有半个多小时了，我被难住了。很明显，我犯了一个明显的错误，我就是不明白

---

任何帮助都将不胜感激：）。

父级

div

是内联的，而不是子级。你没有对孩子们做任何事情，他们仍然是

block

。如果您使用以下方法使子

内联块

，您的问题可能会得到解决：

.download, .steps {
    display: inline-block;
}

或者您可以将其浮动：

.download, .steps {
    float: left;
}

#navigation {
    overflow: hidden;
    zoom: 1; /* if you care for the anti-browser */
}

---

所有这些都是如果您确实希望它们保持您指定的宽度和高度，同时使它们彼此相邻。

父级

div

是内联的，而不是子级。你没有对孩子们做任何事情，他们仍然是

block

。如果您使用以下方法使子

内联块

，您的问题可能会得到解决：

.download, .steps {
    display: inline-block;
}

或者您可以将其浮动：

.download, .steps {
    float: left;
}

#navigation {
    overflow: hidden;
    zoom: 1; /* if you care for the anti-browser */
}

---

所有这些都是如果您确实希望它们保持您指定的宽度和高度，同时使它们彼此相邻。

我不相信默认情况下div继承其父display属性，并且div是块。因此，您必须将.download和.steps都设置为display:inline

您还可以创建一个选择器，如：

#navigation div { display:inline; }

---

更可能的是，您希望#navigation无论如何都是block，因为您可能希望navigation容器是block。

我不相信默认情况下div继承其父display属性，而div是block。因此，您必须将.download和.steps都设置为display:inline

您还可以创建一个选择器，如：

#navigation div { display:inline; }

---

更可能的是，您希望导航被阻塞，因为您可能希望导航容器被阻止。

您可以将所有div向左浮动，并获得相同的结果。

您可以将所有div向左浮动，并获得相同的结果。

尝试在#导航div中的div上添加样式

#navigation, #navigation > div {
display: inline;
}

---

尝试在#导航分区中的分区上添加样式

#navigation, #navigation > div {
display: inline;
}

---

“这是一份报酬很低的快速工作”-你似乎知道使用无序列表会更好；既然你已经知道了，那不是更快了吗？“这是一份薪水很低的快速工作”——你似乎知道使用无序列表会更好；既然你已经知道了，那不是更快了吗？不幸的是，它还是下降了。我不知道到底发生了什么，太棒了。正如我在另一篇评论中提到的，我的印象是HTML元素在默认情况下是向左浮动的，也许我错了，但我现在使用的是不同的css重置样式表，这可能解释了为什么它如此令人费解，因为我很确定我以前做过类似的事情，没有任何问题。不幸的是，仍然会下降。我不知道到底发生了什么，太棒了。正如我在另一篇评论中提到的，我的印象是HTML元素在默认情况下是向左浮动的，也许我错了，但我现在使用的是不同的css重置样式表，这可能解释了为什么它如此令人费解，因为我很确定我以前做过类似的事情，没有任何问题。非常感谢！工作得很好。我的印象是，所有HTML元素默认都是左浮动的，或者至少应该是左浮动的，因为我很确定我以前做过类似的事情，没有任何问题，所以为什么我现在这么困惑？这都很好，如果你不经常使用浮动，浮动可能会很棘手。如果你觉得这是最好的答案，请记住接受这个答案！工作得很好。我的印象是，所有HTML元素默认都是左浮动的，或者至少应该是左浮动的，因为我很确定我以前做过类似的事情，没有任何问题，所以为什么我现在这么困惑？这都很好，如果你不经常使用浮动，浮动可能会很棘手。如果你觉得这是最合适的答案，请记住接受它