4

そこにある空白スペースを削除したい。私は素人ユーザーです。私がばかげた間違いをしているなら、私を許してください。前もって感謝します。スペースがある画像を参照し、コードも参照してください。ページデザインイメージ

html コード:

    <html>
    <head>
    <title>CSS</title>
    <link href="styles.css" rel="stylesheet">
    </head>

    <body>
    <div id="wraper">

    <div id="header">
    Header
    </div>
    <div id="sidebar">
    Side
    </div>
    <div id="content">
    Content
    </div>
    <div id="footer">
    Footer
    </div>

    </div>
    </body>
    </html>

CSS コード:

    #wraper {
    margin:0 auto;
    width:800px;
    height:1000px;
    background:#FCFCFC;
    }
    #header{
    background:#CFCFC0;
    height:100px;
    width:800px;
    }
    #content {
    float:right;
    width:600px;
    height:700px;
    background:#C0C0C4;
    }
    #sidebar {
    float:left;
    width:200px;
    height:700px;
    background:#CFFCCC;
    }
    #footer {
    clear:both;
    background:#C0CC0C;
    height:200px;
    width:800px;
    }
4

5 に答える 5

3
*{  
  padding:0; 
  margin:0;
}

後で各タグに手動でpadding付与しますmargin

于 2012-10-01T09:31:53.577 に答える
2

body 要素と html 要素からパディングとマージンを削除してみてください

html, body {
   margin: 0; padding: 0;
}

normalizeまたはresetスタイルシートを最初の css として読み込むことをお勧めします(例: http://meyerweb.com/eric/tools/css/reset/ )。ブラウザー間のスタイルの不一致を取り除きます。

于 2012-10-01T09:31:52.943 に答える
0

http://yui.yahooapis.com/2.9.0/build/reset/reset-min.cssまたはhttp://meyerweb.com/eric/tools/css/reset/のような CSS リセットを使用すると役立ちます。

于 2012-10-01T09:33:05.717 に答える
0

このデモを試す

これをcssの先頭に追加するだけです

html, body {
   margin: 0 auto;padding:0;
}

上下の余白を0、左右の余白をautoにして中央にする

于 2012-10-01T09:46:55.267 に答える
0

@Fabrizio によって指定された別のオプションは、CSS の正規化を使用することです。

https://github.com/necolas/normalize.css/blob/master/normalize.css

于 2015-04-29T07:28:40.410 に答える