java - 视口(viewport)的 Div 高度比例

首先，我是一个彻头彻尾的菜鸟。请像教 3 岁 child 一样回答。

我知道之前有人问过这个问题，但前面问题中列出的所有解决方案似乎都不适合我。我确定我做错了什么，但我想不通。

我正在使用 Matthew James Taylor 的 3column Holy Grail 布局。 http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm ( Prop 和感谢这个!)

查看源码可以看到他用来创建页面的div结构，我的是一样的。我正在努力使“.col2”(CSS 中的“.holygrail .col2”)的大小调整为视口(viewport)减号(-)页眉和页脚。

我尝试过使用这些问题中列出的解决方案。

我意识到这些解决方案正在使用 jquery，并且我确实在我的页面上打开了它。压缩版本位于主文件夹中。

<script src="jquery.js"></script>
<script>
$(window).resize(function() {
$('.col2').css('height', window.innerHeight+'px');
});
</script>
</body>

以上似乎对我不起作用。我没有尝试为页眉/页脚调整它，只是尝试调用该元素，但没有这样的运气。我似乎无法调用任何 div，不确定哪里出了问题。

我没有运气调整解决方案来满足我的需要。我再次确定它有些愚蠢，但非常感谢您提供一点帮助。

最佳答案

做这样的事情:http://jsfiddle.net/chanckjh/mjQs9/

j查询:

$(function() {
    var $height = $(window).height();
    $('.window').css('height', $height +'px');
});

关于java - 视口(viewport)的 Div 高度比例，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14107142/