HTML CSS - 使顶栏和底栏到达边缘

Question

这是我的 HTML 仅用于顶部。

<div id="headerContainer">
    <!--Logo-->
    <img src="pic_mountain.jpg" alt="Mountain View" id="logo">
    <span id="pageName">Untitled Page Name</span>
</div>

这是顶部的 CSS。

#navContainer{top: 0;
    float: left;
    margin-top: 20px;
    height:auto;
    width:auto;

    margin-left: -10px;
}

这段代码几乎可以工作，但它在左侧留下了一个空隙，请问我如何填补这个空隙？

我只想使用 CSS 和 HTML，而不是任何奇怪的外部东西。

Answer 1

尝试添加

body {
  margin: 0;
  padding: 0;
}

到您的 CSS 文件，这应该会关闭 Gap。如果这不是您想要的，请随时发表评论:)

HTML CSS - 使顶栏和底栏到达边缘

HTML CSS - Making top bar and bottom bar reach the edges

html

css

header

footer

fill