2013-04-05 83 views
0

我试图伸展内容div来100%的高度:复杂粘页脚和100%的内容高度

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

内容DIV:

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

页脚:

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

问题是,我无法更改html布局,只有CSS。

(最好的方法是使用萤火虫/ 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%; 
} 

回答

0

尝试改变html100%而不是autoheight。然后,玩弄里面所有元素的CSS,使其合适。如果有多余的溢出,使用

body { overflow: hidden; } 

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

0

集:

min-height: 720px; 

你的RT-主要

+0

嗯,我不知道这会工作。以像素为单位的“最小高度”不能动态响应 - 您是否改变了浏览器的高度? – 2013-04-05 15:08:25