Warum passt die HTML-Seite nicht zu 100%?

Question

Sep 19, 2015, 04:21 PM

Warum passt die HTML-Seite nicht zu 100%?

Wenn ich eine HTML-Seite erstellen möchte, habe ich ein Problem damit. Warum ist die HTML-Seite weniger als 100%? Lassen Sie mich im Beispiel erklären:

<!doctype html>
    <html>
      <head>
        <title>Test</title>
        <style>
          html
          {
            margin: 0;
            padding: 0;
            width: 100%;
          }
          body
          {
            margin: 0;
            padding: 0;
          }
          .row
          {
            width: 100%;
            margin: 0 auto;
            padding: 0;  
          }
          .col-1
          {
            width: 10%;
            margin: 0;
            padding: 0;
            display: inline-block;
          }
        </style>
      </head>
      <body>
        <div class="row">
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
          <div class="col-1">Some text</div>
        </div>
      </body>
    </html>

Warum kommt die letzte Div in die nächste Zeile? Bei einer Breite von 10% können wir 10 Div in Reihe hinzufügen, aber in der realen Welt passiert das nicht ?! Ich habe alle Ränder, Abstände und Ränder überprüft, aber nichts gesehen. Können Sie mir sagen, warum das passiert?