Question

我想要移除导航栏和主要div之间有一点空间。页脚的情况也是如此（主要div包含除页脚和导航之外的所有内容）。我试过了保证金：0 margin-bottom：0 填充：0 等等东西，但它不起作用。

我已经多次检查过代码，但找不到问题。我也在谷歌搜索但它只是让我感到困惑。

我是编码的新手，因此很可能会出现愚蠢的错误:)。

SELECT * 
FROM "People" 
WHERE "ID" IN (:ID_1, :ID_2)

[(2, 'Anne', 'Elk'), (3, 'Gord', 'Thompson')]

Answer 1

将h1元素的边距更改为0（导致此问题）

h1, h2, h3, h4, h5, h6 {
    font-family: tahoma, sans-serif;
    color: #531;
    margin: 0;
}

Answer 2

除非您另行指定，否则<ul>和<p>等元素将从浏览器获得边距。我敢打赌，您看到的空间是由于<nav>中的无序列表应用了保证金。

您可以采取几种方法来解决此问题。

在样式表中，您可以添加以下内容：

#top-menu ul {
    margin: 0;
}

或者，您可以添加一个删除填充的泛型类。这是一个例子。

<nav id="top-menu">
    <ul class="no-padding">
        <li><a href = "home.html">Home</a></li>
        <li><a href = "rock.html">Rock</a></li>
        <li><a href = "paper.html">Paper</a></li>
        <li><a href = "sci.html">Scissor</a></li>
        <li><a href = "contact.html">Contact</a></li>
        <li><a href = "buy.html">Buy</a></li>
    </ul>
</nav>

在样式表中，您可以添加以下内容：

.no-padding {
    padding: 0;
}

无法删除导航栏下方的空间

2 个答案: