使用JS设置HTML和BODY CSS

Question

在CSS中，要设置div的高度，使其从页面顶部延伸到底部，就像这样：

html, body, #xdiv {
    height: 100%;
    min-height: 100%;
}

问题是，这会立即执行，因此当文本或内容加载时，它不再是100％。我的问题是，我可以使用Jquery或JS在页面加载后设置上述内容吗？

Answer 1

您可以使用load：

$(window).load(function() {
   $('html, body, #xdiv').css({ "height": "100%", "min-height": "100%"});
});

Answer 2

试试这个：http://jsfiddle.net/00ho9kgv/

要垂直居中的内容，您需要打包并使用display: table等：http://jsfiddle.net/00ho9kgv/1/