我有3个垂直div：topdiv - 这个固定高度为100px; middlediv - 这应该填充页面底部的其余部分 - 这个固定宽度为200px;
我希望将div放置在屏幕底部的底部，顶部顶部和middlediv应该填充顶部和底部div之间的空间 .
以前我使用javascript来调整中间div的大小，但是当调整浏览器窗口大小时，中间div不会改变 .
有任何想法吗 ？
其他人在类似的问题上发布了this . 我没有用过这个，但确实对他们有所帮助 . 也许这会对你有所帮助 . 它允许您选择在页面底部设置页脚，即使内容未到达底部 . 试试看 .
好吧，你可以使用 min-height: x% ，但是使用纯CSS不可能做到这一点，使用jQuery它看起来像这样：
min-height: x%
$(document).ready(function() { wh = $(window).height(); md = $("middlediv").outerHeight() if ( md+100 < h) { $("#middlediv").css("height", w-100 + 'px'); } }
如果你想为窗口调整大小添加一个事件处理程序，它可能会基本上是相同的功能（或多或少） .
请参阅456bereastreet，或尝试this fiddle .
3 回答
其他人在类似的问题上发布了this . 我没有用过这个，但确实对他们有所帮助 . 也许这会对你有所帮助 . 它允许您选择在页面底部设置页脚，即使内容未到达底部 . 试试看 .
好吧，你可以使用
min-height: x%，但是使用纯CSS不可能做到这一点，使用jQuery它看起来像这样：如果你想为窗口调整大小添加一个事件处理程序，它可能会基本上是相同的功能（或多或少） .
请参阅456bereastreet，或尝试this fiddle .