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 回答