jQuery通过变量值更改css属性

尝试根据窗口大小获得100%的高度

<script>
    $(document).ready(function(){
        var contHeight = $(window).height();
        $('#container').css("height",contHeight + "px");
    });
</script>

$（文档）.ready（函数（）{
var contHeight=$（窗口）.height（）；
$（'#container'）.css（“height”，contHeight+“px”）；
});

工作小提琴

您也可以尝试：

$(window).on('load resize',function(){
    var contHeight = $(window).height();
    $('#container').css("height",contHeight + "px");
});

这样，即使用户调整窗口大小，高度也会保持在窗口高度，正如@adeneo所建议的那样

---

问题是，它不起作用。HTML是标准的布局格式。现在填充更多的内容，容器div根本不显示。到底是什么问题，您是否有任何错误？您是否尝试过执行

警报（contHeight）

什么不起作用，高度是否未设置为与窗口相同，高度是否在调整大小时不更新，如果这是预期效果，是否有任何效果，您可以添加许多内容以使您的问题对其他人来说可以理解，以及“不起作用”这不是其中之一。您是否在元素上设置了位置和宽度，以及元素是否可见，即未设置为显示无等。谢谢。所以使用引号的语法有问题吗？很酷的技巧，谢谢。直到我打开了一个检查窗口，我才意识到这有多重要。如果用户在加载页面后调整窗口大小，容器的高度将自动调整。在某些情况下，也有纯CSS解决方案，使用CSS搜索100%高度。由于易于跨浏览器支持，我将更多的注意力转向了结构之类的jQuery。实现代码比让人们停止使用IE更容易。