Question

我想在顶部留出一些空间虽然我的css有余量：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

Answer 1

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

“压痕”不会导致此问题，但如果存在这些不可见的字符，则会导致各种问题。我记得，当我的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页面顶部的空间？

1 个答案: