css - 复杂的粘性页脚和 100% 的内容高度

Question

我正在尝试将内容 div 拉伸到 100% 高度：

http://new.art-frame.spb.ru/catalog

内容分区：

<div id="rt-transition">...</div>

页脚：

<footer id="rt-footer-surround">...</footer>

问题是，我无法更改 html 布局，只能更改 CSS。

（最好的方法是使用 Firebug/Chrome 检查器来查看所有内容）

html {
    position: relative;
    min-height: 100%;
    height: auto;
    margin: 0;
}

body {
    margin: 0 0 100px;
    min-width: 100px !important;
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
}

Answer 1

放：

min-height: 720px;

在您的 rt-main 上

Answer 2

尝试将height的html更改100%为auto。然后，玩弄里面所有元素的 CSS 以使其适合。如果溢出过多，请使用

body { overflow: hidden; }

为了解决这个问题，虽然这不允许滚动。