javascript - 将 div 置于高度未知的 div 之下

Question

我的 HTML 代码是这样的:

<div class="content">
<h1>heading</h1>
<p>sample text</p>
</div>

<div class="nav-bar">
nav links
</div>

我希望“导航栏”div 位于标题下方的右侧。标题的高度未知，因为它可能会溢出到另一行，而段落的高度可以是任意高度。

在不改变 HTML 的情况下，这可以通过 CSS 实现还是必须使用 JavaScript？我知道这可以用 position:absolute 来完成，如果标题是已知高度但如果它可以是任何高度则不行。

Answer 1

您可以将它们都放在一个容器中，然后根据需要对齐它们。它还取决于 content 是否为 100% 宽。