jQuery:动态设置div高度并更改窗口大小调整

时间:2011-11-05 12:50:40

标签: jquery resize window-resize css

如何在窗口调整大小上调整Div的大小,div在其他div之间,我无法思考如何;但我想要那个div;有一个高度;所以它在div下面;显示为页脚。

好的,我知道我所说的并不合理,但这就是我的肉:http://i44.tinypic.com/9v8t1u.jpg

换句话说,我正在努力做http://www.tumblr.com对其索引所做的事情。你喜欢Tumblr' 30的原因。没有被定位为绝对和底部0,但是他们已经将溢出设置为隐藏,并且每次窗口调整大小时它们都会改变中间div的高度。

我也在使用jQuery。

并不是因为我缺乏编码技巧,但我不能想到一种执行Div3的方法总是显示为页脚。

有谁知道怎么做?

非常感谢

2 个答案:

答案 0 :(得分:3)

你真的不需要jQuery。看看这个css解决方案:http://ryanfait.com/sticky-footer/

* {
margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

答案 1 :(得分:0)

您可以使用jquery的.resize()事件  这是链接: Jquery resize API