html - 如何将内容与 float div 内的菜单对齐

Question

我会尽力解释我的问题。 目前我正在设计一个单页网站，我真的很想在浏览器窗口中填充图像(如下所示)，我已经成功地使用了一些 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;}