对齐两个兄弟div（内容和侧边栏）？

Question

我的网站如下所示。我有两个兄弟元素（#content和），我想让我的一边“完全”在右边（消除图片中看到的间隙）并坚持标题（现在导航条似乎是阻塞的那个空间）。

网站：

Answer 1

将元素设为父级并应用display: flex; justify-content: space-between;

.flex {
  display: flex;
  justify-content: space-between;
}

<div class="flex">
  <main>content</main>
  <aside>aside</aside>
</div>