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文件，这应该关闭差距。如果这不是您想要的，请随时写评论：）