html - 我的标题左侧的空间

Question

为什么我的 header 和页面左边框之间有空格？这个空间用黑色来象征。

这是我正在使用的 css 以及我正在用于 header 的 html:

<header class = "header-style">
     <p>Android</p>
</header>

CSS:

.header-style {
    position: fixed;
    top: 0px;
    height:50px;
    width:100%;
    margin-left: 0px;
    background: #e95644;
}

页眉在定位时是否自然地向左右引入空间？

谢谢

P.S 我忘了说我使用的是 Google Chrome!

Answer 1

Playground

您是否使用任何类型的CSS Reset？如果没有谷歌，但在你这样做之前使用

html, body{ margin:0; }

或

* {margin:0; padding:0;}  /* Global CSS Reset */

所以基本上您需要重置浏览器默认应用于文档元素的样式:http://www.w3.org/TR/CSS2/sample.html

此外，在使用 position:fixed; 或 position:absolute; 时，您可能希望设置元素的 top 和 left(或其他)属性。