¿Por qué la página html no se ajusta al 100%?

Question

Sep 19, 2015, 04:21 PM

¿Por qué la página html no se ajusta al 100%?

Cada vez que quiero hacer una página html tengo un problema con esto, ¿por qué la página html es inferior al 100%? Déjame explicarte en ejemplo:

<!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>

¿Por qué el último div llega a la siguiente línea? Con todo el ancho 10% significa que podemos agregar 10 div en fila, ¡pero en el mundo real no sucede? Revisé todos los márgenes, relleno, bordes pero no vi nada. ¿Podrías decirme por qué sucede esto?