2012-08-06 89 views
0

我正在制作此页,其页脚有粘性。绝对位置和溢出属性

内容div正在通过粘滞的页脚,并且由于绝对定位,我不能让overflow:hidden;正常工作。

任何人都可以帮助我吗?

请不要对设计发表评论:P也不是我的一杯茶。

Link to site | Link to jsfiddle example

+0

对不起,我没有点击从未知网站的随机链接。你能提供更多的细节,还是在http://jsfiddle.com上复制问题? – freefaller 2012-08-06 12:50:31

+0

这是一个jsfiddle,可能有助于帮助你。 http://jsfiddle.net/ENXw5/ – 2012-08-06 13:25:24

回答

1

添加以下CSS到页脚

position: fixed; 
bottom: 0; 
width: 100% 
+0

它有点作品,但它仍然滚动。内容div仍然是高的方式,我想..不知道如果它只是我 – 2012-08-06 12:55:27

+0

现在它的工作:) thx回复 – 2012-08-06 13:59:30

0

首先,把你的#footer#wrapper

#wrapper { 
    min-height: 100%; 
    overflow-y: hidden; 
} 
#footer { 
    position: absolute; 
    bottom: 0; 
    z-index: 1; 
} 
#main { 
    z-index: 0; 
} 
+0

我试过你的解决方案,但它没有为我工作。如果你再看一次这个页面,我已经做了修改。 Thx回复 – 2012-08-06 13:01:03