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

发布于 2024-12-13 17:32:34 字数 495 浏览 3 评论 0原文

如何在窗口大小调整时调整 Div 的大小，该 div 位于其他 div 之间，我不知道如何调整；但我想要那个 div；有高度；使其位于 div 下方；显示为页脚。

好吧，我知道我说的没有意义，但这就是我的意思：http://i44。 tinypic.com/9v8t1u.jpg

换句话说，我正在尝试做http://www.tumblr.com 已对其索引进行了处理。 “你会喜欢 Tumblr 的 30 个理由”并未定位为绝对位置和底部 0，但他们将溢出设置为隐藏，并且每次调整窗口大小时都会更改中间 div 的高度。

我也在使用 jQuery。

并不是我缺乏编码技能，而是我想不出一种方法来执行 Div3 始终显示为页脚。

有谁知道该怎么做？

多谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

妳是的陽光 2024-12-20 17:32:34

为此，您实际上并不需要 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/

*/

You don't really need jQuery for this. Check out this css solution: 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/

*/

回复收藏 0 原文