在 CSS 中使用 "top" 标签后删除白色-space

Question

我正在研究 This site!!，但遇到了一些小问题。

我知道它可能很基础，但我似乎无法让它工作:/

在我网站的底部，页脚处有一个空白，我想将其删除。我尝试使用 margin-bottom 无济于事

还有什么我应该做的吗？

这是我的代码：

HTML

 <div id="footer">
    </div>
    <div id="bottombanner">
    </div>

CSS

    #footer{
    background: url("../images/footer.gif") no-repeat top left; 
    height: 370px;
    overflow: hidden;
    z-index: 1000;
    position: relative;
}

    #bottombanner{
      background-color: rgb( 22, 47, 66 );
      left: 0px;
      width: 100%;
      height: 60px;
      top: -31px;
      z-index: 1;
      position: relative;
 }

任何帮助将不胜感激！！谢谢！

Answer 1

将 #bottombanner top 更改为 margin-top。

#bottombanner{
      background-color: rgb( 22, 47, 66 );
      left: 0px;
      width: 100%;
      height: 60px;
      margin-top: -31px;/*this*/
      z-index: 1;
      position: relative;
}

Answer 2

将属性 top:-31px 替换为 margin-top:-31px; for #bottombanner

在 CSS 中使用 "top" 标签后删除白色-space

Removing White-space after using "top" tag in CSS

html

css

whitespace