2016-12-01 2 views
-2

Ich möchte etwas Platz in der Spitze geben, obwohl mein CSS Rand haben: 0 auto;Wie kann ich Speicherplatz am oberen Rand meiner HTML-Seite entfernen?

Und das ist die 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

+1

Post html zu. –

+1

könntest du uns einfach in jfiddle oder codepen zeigen? –

+0

Können Sie eine Geige aufstellen? – mrid

Antwort

0

Sie haben einige ungewöhnliche Zeichen in Ihrem HTML, die das Problem verursacht wurden. Entfernen Sie einfach das erste Zeichen aus Ihrem Codepen (die Punkte) und es wird gut funktionieren.

Dieses Problem wird nicht von Indentation verursacht, aber wenn diese unsichtbaren Zeichen vorhanden sind, können sie verschiedene Probleme verursachen. Ich erinnere mich, dass ich ein ähnliches Problem hatte, als meine PHP-API-Antwort gut aussah, aber aufgrund eines ähnlichen Zeichens am Anfang der Antwort nicht geparst werden konnte.

Hier ist die aktualisierte Stift

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> 
+0

thx sehr viel ... so kann ich nicht einrücken? –

+0

Sie können sicher einrücken, aber nur mit Leerzeichen und Tabs. Einige Sonderzeichen sind nicht sichtbar, können aber Probleme verursachen – mrid

Verwandte Themen