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;替换为#bottombanner

在CSS中使用“top”标签后删除空格

2 个答案: