JavaScript 自动调整高度

Question

我一直在尝试 - 但现在我不知道该再尝试什么了。

我正在尝试使用此脚本让我的网站的聊天填充整个页面

<script>
    $(document).ready(function() {
        function setHeight() {
            windowHeight = $(window).innerHeight();
            $('ul').css('min-height', windowHeight);
        };
        setHeight();
        $(window).resize(function() {
            setHeight();
        });
    });
</script>

我正在将此脚本用于我的聊天的 ul 标记，它适合高度，因此该脚本可以正常工作，但我正在尝试找出如何使其填充大约 95% 的内容页面，所以我还有空间容纳下面的内容。 (发送消息、设置和表情。)

我在整个聊天周围有一个 div 标记，但在脚本中设置它不会影响消息列表。

对我的奋斗有什么想法吗？

Answer 1

不要打扰js/jquery，使用css，像这样的纯css:

div {
    position: fixed!important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}