0

こんにちは私のCSSコードはこれです:

        #bottom {

             height: 100px;
             background-color: #afafaf;   
             width: auto;
             border-top: 4px solid green;
             margin-top: 90px;

        }

私のコードはこれです：

<body>

    <div id="wrapper">      
        <div id="logo"></div>           
    </div>

        <a href=""><div class="box">Go to our forums &raquo; </div></a>

        <div id="bottom">TEST</div>

</body>

これは次のようになります: http://screencloud.net/v/cxEu

div の両端にギャップが表示されるのはなぜですか? 画面全体に表示させたい。さまざまな幅を試しましたが、何も機能しません。または、私は何か間違ったことをしています!

4

2 に答える 2

1

体の余白のように見えます。これを試してください：

body {
    margin: 0;
}
于 2013-04-07T21:31:45.010 に答える
0

および を指定margin: 0しpadding: 0ます。

#bottom {
  height: 100px;
  background-color: #afafaf;   
  width: auto;
  border-top: 4px solid green;
  margin: 0;
  padding: 0;
  margin-top: 90px;
}
于 2013-04-07T21:30:47.570 に答える