0

私のウェブサイトは現在、小さな画面では次のようになっています：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本文の背景になります

4

1 に答える 1

4

と の背景をdiv持つが必要です。height: 100%#ffffff

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

このデモを見る

于 2013-01-15T20:14:26.910 に答える