左浮动和右浮动

Question

我正在修改一个网站，遇到了一些问题，我的导航栏和主要内容直接出现在另一个上面。

你可以在这里看到：http://kennedys.williamoconnor.me/

有没有人知道在我的CSS中我可以改变什么来让内容显示在另一个旁边？我相信它是在id #向左浮动，在id #内容上向右浮动

我的#包装器里有两个ID，我似乎无法让它们正确显示。

谢谢!

Answer 1

从#contentwrap中删除页边距

Answer 2

有两种解决方案：

1)去掉页边距顶部，将页边距左移至20px

#contentwrap {
  margin: 0 0 0 20px;
}

2)删除所有页边距并使#contentwrap浮动:右(示例http://i.imgur.com/VpLORSj.png )

#contentwrap {
  margin: 0;
  float: right;
}

在许多情况下，第一种选择更好，特别是如果你想改变div之间的宽度或边距。