如何删除 HTML 页面顶部的空格？答案

【问题标题】：How can I remove space at the top of my HTML page?如何删除 HTML 页面顶部的空格？
【发布时间】：2016-12-01 07:51:48
【问题描述】：

我想在顶部留出一些空间，尽管我的 css 有 margin:0 auto;

这是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

Codepen：http://codepen.io/ciocigabi79/pen/NbXWRz

【问题讨论】：

也发布您的 html。
你能用 jsfiddle 或 codepen 给我们看看吗？
你能拉小提琴吗？
必须是别的东西，你的代码可以像这样正常工作：jsfiddle.net/2jh67gx6
如果你发布你的html会更容易。

标签： javascript html css margins

【解决方案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>

【讨论】：

您当然可以缩进，但只能使用空格和制表符。一些特殊字符不可见，但可能会导致问题