如何将内容与浮动div内的菜单对齐

Question

我会尽力解释我的问题。 目前我正在设计一个单页网站，我真的想在浏览器窗口中fill图像（如下所示），其中我已经成功使用了一些jQuery。图片div为float:right。

但这就是问题所在;在左侧，我将div设置为float:left，其中包含该页面的文字。我真的想将文本与菜单（width:960px; margin: 0 auto）对齐，但我似乎无法弄清楚如何。

我尝试创建一个100％宽度div设置为绝对位置，并在内容中创建一个新的div，但我不认为position:absolute就是这里的答案

我希望有人可以帮助我。这是该网站的截图： Link

Answer 1

我认为您希望您的网站采用方框图案，然后只需在正文中设置宽度

body{width:960px; margin: 0 auto;}

Answer 2

尝试这样的事情：

.text{
  Box-sizing:border-box;
  position:absolute;
  Max-width:960px;
  padding-right:600px;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}