css - 制作位置为 : absolute push down 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;
}