使用高度为100％的div

Question

我正在使用jquery将div调整大小到页面高度。

$(function() {
    $(window).resize(function() {
        $('#top-section').height($(window).height() );
    });
    $(window).resize();         
});

该代码工作正常，但是当我缩小页面时，div中的内容不会保留在div中。在这种情况下，“顶部”与屏幕一起缩放，同时内容自由移动。我该怎么做才能将内容限制在这个不断变化的高度div？

Answer 1

试试这个：

jsFiddle Demo

$(function() {
    function responsiveReturn() {
        var windowW = $(window).width();
        var windowH = $(window).height();

        $('#top-section').css({'width': windowW +'px','height': windowH +'px'});
    }
    responsiveReturn();
    $(window).resize(function() {
        responsiveReturn();
    });
});