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

我会尽力解释我的问题。 目前我正在设计一个单页网站，我真的很想

在浏览器窗口中填充图像（如下图所示），在这个窗口中我成功地使用了一些jQuery。带有图像的
div
具有
float:right

但问题是；在左边，我有一个
div
设置为
float:left
，包含该页面的文本。我很想将文本与菜单对齐（
width:960px；margin:0auto
），但我似乎不知道如何对齐

我尝试创建一个100%宽度
div
设置为position absolute，并在其中创建一个新的
div
，其中包含内容，但我认为
position:absolute
不是答案

我希望有人能帮我。这是该网站的截图：
试试这样的方法：

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

我想你们想你们的网站在框模式，然后只是设置在正文宽度

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

嘿，在调整图片大小时，直到div到达浏览器窗口为止：请让我知道这是否有帮助嘿，伙计，很抱歉没有回复。没用，我想可能是我的错。我现在再试一次你好，谢谢你的回复。我的网站已经是一个方框模式，但我希望图像（右边的一个）留在那里，我希望将div与文本（左边的一个）与菜单对齐（“Claudia Couwenbergh”）