使整页白色

Question

我的网站目前在小屏幕上是这样的：
http://d.pr/i/KwI8+

在大屏幕上，它就像是 http://d.pr/i/ckmF+

但我需要这样： http://d.pr/i/IJc7+

现场演示在http://www.random-radio.net/

CSS

html, body{
    width:100%; 
    min-height: 100%;
    height: auto !important;        
    height:100%;

    margin:0 !important;
    padding:0 !important;
    opacity: 0.99;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    background-color: #cfcfcf;
}

#page
{
    position: relative;
    top: 0px;
    bottom: 0;
    left: 50%;
    margin-left: -512px;
    width: 1024px;
    overflow: visible;
    background-color: #FFF;
    /*margin-left: auto;
    margin-right: auto;*/
}

我想要从页面顶部到页面底部的div。 我目前正在尝试使用上面的CSS，但是在高于div内容的屏幕上，背景会获得正文的#cfcfcf背景

Answer 1

您需要div height: 100%，背景为#ffffff。

html, body {margin: 0; padding: 0; height: 100%;}
#page {margin: 0 auto; width: 1024px; height: 100%; background-color: #ff0000;}

See this demo