Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS扩展div';s_Html_Css - Fatal编程技术网

Html CSS扩展div';s

Html CSS扩展div';s,html,css,Html,Css,嗨,我的CSS代码是这样的: #bottom { height: 100px; background-color: #afafaf; width: auto; border-top: 4px solid green; margin-top: 90px; } 我的代码是: <body> <div i

嗨,我的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>

试验
这就是它看起来的样子:


为什么它会显示div两端的间隙?我想让它显示在整个屏幕上。我试过不同的宽度,但没有效果。或者我做错了什么

指定
边距:0
填充:0

#bottom {
  height: 100px;
  background-color: #afafaf;   
  width: auto;
  border-top: 4px solid green;
  margin: 0;
  padding: 0;
  margin-top: 90px;
}

看起来像主体的边缘,请尝试以下操作:

body {
    margin: 0;
}