CSS-Entfernen der standardmäßigen 8px margin-form-Körper

Diese Frage wurde gebeten, bevor ich bin mir dessen bewusst, aber leider noch keine Lösung gefunden. Obwohl ich versucht, mit Hilfe Ihrer Lösungen.

Mein problem ist, dass ich kann nicht get-rid-von der Standard-8px-Marge auf rund um die body/html-tag. Es sieht aus wie, dass Sie nicht einmal reagieren, um die änderungen, die ich in zwischen den geschweiften Klammern.

Html:

<div class="header">
 Header123
</div>

<div class="nav">

  <ul>
    <li>HOME</li>
    <li>PROJECT</li>

  </ul>

</div>

<div class="main">
  Article
</div>

<div class="footer">Footer</div>

CSS:

body,html {
margin: 0;
text-align: center;
background-color: blue;
} 

.container
{
margin: 0;
background-color: red;
}

.header
{
 text-align: left;
 height: 90px;
 background-color: green;
 margin: 0;
}

.nav
{
  float: right;
}

.nav ul
{
  list-style: none;
height: 30px;
padding: 0px;
margin: 0px;
}

.nav ul li
{
  margin: 10px;
}


.footer
{

 height:40px;
}

Link: https://jsfiddle.net/RasmusGodske/yg2gsa0t/

InformationsquelleAutor RasmusGP | 2015-07-09

  1. 1

    Denken Sie daran: Marge ist außerhalb eines Elements Grenze; Polsterung im inneren.

    Müssen Sie die Polsterung des body-Elements auf null. (Der Rand des body-Elements ist sinnlos; es würden stellen einen Raum außerhalb des browser-Fensters!)

    Als ein beiseite, die Sie nicht benötigen, um alle CSS-Eigenschaften auf die html element. body enthält bereits alles, das Sie wollen, setzen Sie die Eigenschaften auf.

    Oh, ich sehe, was du meinst, aber ich habe eigentlich nur versucht, und das hat nicht funktioniert damals. Gerade herausgefunden, was mein eigentliches problem war, ich hatte dies in der Anfang meiner CSS-Datei. <style type="text/css"> Anscheinend war das das problem... ich habe keine Ahnung warum obwohl. Wenn man auf den link, den ich hatte und dann einfach fügen Sie die Polsterung, die Sie sehen, dass es nicht zu beheben. Sie haben zum entfernen der style-tag aswell
    Das war nicht Ihre Frage. Das nächste mal, stellen Sie sicher, dass Ihre Frage zeigt genau den code, die Sie verwenden!
    Srry gerade herausgefunden heute. Haben Sie eine Ahnung, was passiert ist?
    Es geschah, weil <style ..> wurde interpretiert als die erste CSS-style statt HTML-tag, das verursacht eine Stille Fehler und die erste real-Stil in Ihre Liste ignoriert wurde (body, html). Sie hätten eingefügt, die in den HTML-Bereich auf JS-Fiddle und es würde gearbeitet haben, richtig. Nur ein JS-Fiddle Problem - zu schade, dass Sie nicht Streifen aus der <style> und </style> - tags automatisch in die CSS-Eingabe aus diesem Grund. Außer, dass ich denke, Sie wirklich nicht wollen, inline-styles, Sie sollten in externen css-Dateien.
    Oh, das macht Sinn, habe ich eigentlich glaube nicht, dass das nur ein problem in JS Fiddle verursachen, tut es genau dasselbe, wenn ich Teste es auf meinem lokalen Rechner. Übrigens willst du etwas schreiben, dass als Antwort auf die Frage?

    InformationsquelleAutor duskwuff

Schreibe einen Kommentar