使用位置创建div：绝对下推div

Question

我正在尝试制作一个背景可扩展到浏览器宽度的页面，无论页面的高度是否高于浏览器宽度，然后将内容放在背景下面。

我已经用背景实现了这一点，但我不得不使用绝对定位才能工作，所以我很难搞清楚如何压下主容器。因此要么这样做，要么使背景遵循浏览器宽度而不使用绝对定位。

任何想法将不胜感激！

Sitelink

背景div的css和要推下的主容器：

#supersized {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -999;
    height: 100%;
    width: 100%;
}

#main-container {
    height: 100%;
    display: block;
    overflow: hidden;
}

Answer 1

将main-container div放在container div之外。如果您希望缩小内容与背景之间的空间，则可以使用以下内容替换main-container css：

#main-container {
    height: 100%;
    margin-top: -45px;
}