Question

我正在构建一个wordpress模板，我使用一些Javascript来使'content'元素从上到下填充页面。目标是覆盖背景图像，因此“内容”看起来不会在较大屏幕上的边缘上方切割。代码是：

$(document).ready(function() {
    var h = Math.max($(window).height()+50, $("#content").height());
    $("#content").height(h); 
});
$(window).resize(function() {
    var h = Math.max($(window).height()+50, $("#content").height());
    $("#content").height(h); 
});

我的布局是：左侧固定侧边栏，然后内置自动宽度和两个浮动列。它通常有效，但是在其中一列中有nivo-slider的页面上，文档高度确定不正确。当屏幕尺寸较小时，另一列落在下面（@media语句），我无法滚动屏幕以查看该列。

请参阅此处的示例页面：http://figtreephotodesign.com/kidsandfamilies/about/ - 并将浏览器窗口设置为低于860px宽，以查看问题。在另一页：http://figtreephotodesign.com/kidsandfamilies/contact/ - 它的工作原理（没有nivo滑块）。

nivo-slider的css搞砸了吗？

文档高度确定不正确 - 无法查看所有内容

0 个答案: