如何删除 HTML 页面顶部的 space？

Question

虽然我的 css 有 margin:0 auto;

，但我想在顶部添加一些 space

这是 css :

* {
   margin:0 auto;
   padding:0;
   border:0;
   outline:0;
   vertical-align: baseline;
   background:#eee;
   overflow-x: hidden;
   }

   header {
   width:100vw;
   height:300px;
   background:red;
   }

Screenshot

代码笔：http://codepen.io/ciocigabi79/pen/NbXWRz

Answer 1

您的 html 中有一些不寻常的字符，这是导致问题的原因。只需从您的代码笔（点）中删除第一个字符，它就可以正常工作。

缩进不会导致这个问题，但是如果有这些不可见的字符，它们就会导致各种问题。我记得，当我的 php API 响应看起来不错时，我遇到了类似的问题，但由于响应开头的字符相似而无法解析。

这是你更新后的笔

http://codepen.io/anon/pen/PbEojQ

<html>
<head>
<meta charset="utf-8">
<title></title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="img/favicon.png">
    <script src="javascript.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body><header></header>
</body>
</html>

如何删除 HTML 页面顶部的 space？

How can I remove space at the top of my HTML page?

html

javascript

css

margins