Question

首先，我是一个完整的菜鸟。请回复，好像教给3岁的孩子一样。

我知道之前已经问过这个问题，但前面问题中列出的所有解决方案似乎都不适用于我。我确定我做错了但我无法理解。

我正在使用Matthew James Taylor的3column Holy Grail布局。 http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm （道具和感谢！）

查看源代码，您可以看到用于创建页面的div结构，我的相同。我试图使它“.col2”（css中的“.surgegrail .col2”）调整为视口减去（ - ）页眉和页脚。

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

Resize div on browser resize

How to change height div on window resize?

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

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

以上似乎对我不起作用。我没有尝试为页眉/页脚调整它，只是试图调用元素，并没有这样的运气。我似乎无法打电话给任何div，不知道出了什么问题。

我没有运气适应解决方案以满足我的需求。我再次肯定它是愚蠢的东西，但非常感谢你的帮助。

Answer 1

执行以下操作：http://jsfiddle.net/chanckjh/mjQs9/

jquery：

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

Answer 2

您必须在不同的<script>标记中引用外部脚本和内联脚本。

<script src="jquery.js"></script>

<script>
    $(window).resize(function() {
        $('.col2').css('height', window.innerHeight + 'px');
    });
</script>

有关详细信息，请参阅http://www.w3.org/TR/html4/interact/scripts.html#h-18.2.1。

脚本可以在SCRIPT元素的内容中定义，也可以在外部文件中定义。如果未设置src属性，则用户代理必须将该元素的内容解释为脚本。如果src具有URI值，则用户代理必须忽略该元素的内容并通过URI检索脚本。注意，charset属性是指src属性指定的脚本的字符编码;它与SCRIPT元素的内容无关。

Div高度比例到视口

2 个答案: