Question

我正在尝试删除内容和页脚之间的空间。仍在学习使用HTML，因此将不胜感激。

#foot {
  width: 1536px;
  clear: both;
  background-color: #800000;
  height: auto;
}

Answer 1

嘿，刚看了您的HTML，我想我现在已经理解了您的问题，您希望您的Content和Footer完全没有空间吗？添加H1元素后获得空格的原因是默认情况下H1元素具有margin属性。您可以通过在CSS中给它0边距来覆盖它

        @{
            var item = (MyQueue)TempData["QueueItem"];
        }
        <p>@item.QueueNumber</p>

查看此小提琴以查看区别。 http://jsfiddle.net/6fuk2g8d/1/ 让我知道是否有帮助。

Answer 2

你好，我还是这个新手，但是也许这就是你的意思。

<div id="content">
  <h1>
  CONTENT
  </h1>
</div>
<footer>
  <h1>
  FOOTER
  </h1>
</footer>

#content {
  padding: 10px;
  background-color: red;
  height: 200px;
}
 footer {
    padding: 10px;
    transform: translateY(-21px);
    clear: both;
    background-color: black;
    color: white;
}

请检查此jsfiddle http://jsfiddle.net/gyptzxev/

我看到，首先在将h1元素放在页脚内之后，在div内容之间留出空格。所以在css中，我放了transform: translateY(-21px);并且两者之间的空间消失了。我仍然知道有更好的方法可以做到这一点。

页脚和内容之间的空格

2 个答案: