Jquery 页边距底部不使用脚本

首先你会找到我的网站

我有：

<div class="home" style="background-image: url(http://payload51.cargocollective.com/1/7/237315/3336908/HomeImage_o.jpg); background-attachment: fixed; height: 660px; width: 100%; opacity: 1; background-position-y: 0px; background-position-x: center; background-repeat: no-repeat no-repeat; background-size: 100%;"> 
</div>

正如您所见，底部有一个空白，但出于某种原因，下面的棕色菜单和文本是：

当浏览器宽度变宽时，距离图像太远。 两者都不响应浏览器，当浏览器变小时，文本会移动得更远。 如果这有点不对劲，我向您道歉-仍然掌握JSFIDLE。

这是怎么回事：，基本上，我添加了背景图像作为DIV容器的子IMG，以便填充它。然后，您可以控制此DIV的大小，以提供所需的外观

我不认为我完全理解您的意图，因此，如果这是一个错误的方向，我深表歉意。

这样如何：，基本上，我添加了背景图像作为DIV容器的子IMG，以便填充它。然后，您可以控制此DIV的大小，以提供所需的外观

---

我不认为我完全理解您的意图，因此，如果这是一个错误的方向，我深表歉意。

这与保证金底部无关。div设置为660px高度。如果浏览器窗口的宽度不足以容纳背景图像，则会相应地进行缩放，以保持纵横比。这看起来像是利润率变宽了，但事实上这是显示为空的div的一部分。我不完全确定您想要做什么，但一个想法可能是动态调整div的高度。

这与边距底部无关。div设置为660px高度。如果浏览器窗口的宽度不足以容纳背景图像，则会相应地进行缩放，以保持纵横比。这看起来像是利润率变宽了，但事实上这是显示为空的div的一部分。我不完全确定您想要做什么，但一个想法可能是动态调整div的高度。

我认为问题在于内容容器比菜单宽。如果更改页面上的此行：

<div id="content_container" style="width: 816px;">  

为此：

<div id="content_container" style="width: 720px;">

---

…它工作得更好

我认为问题在于内容容器比菜单更宽。如果更改页面上的此行：

<div id="content_container" style="width: 816px;">  

为此：

<div id="content_container" style="width: 720px;">

---

…它工作得更好了

你能再解释一下这个问题吗？在FF中似乎工作正常。你能再解释一下这个问题吗？在FF中它似乎工作得很好。谢谢-这是你和Terric答案的组合。谢谢-这是你和Terric答案的组合。-完美。需要根据Niklas答案调整宽度a。-完美。需要根据Niklas答案调整宽度a。