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 文件，这应该会缩小差距。如果这不是您想要的，请随时写评论:)