¿Por qué obtengo una barra de desplazamiento horizontal para el ancho: 100% en cromo?

Question

A partir de:

html, body 
{ 
    padding: 0; 
    width: 100%; 
    font: 100%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
} 

Chrome decide que el ancho debe ser 1600px, que es más ancha que mi pantalla actual, por no hablar de la ventana actual Chrome. Estoy seguro de que esta es una castaña vieja, pero no encuentro el árbol correcto.

He publicado un ejemplo completo de git: //github.com/bimargulies/css-mystery.git.

Una nota: Mi macbook estaba conectado a un monitor muy amplio, y ahora no. El 1600px me parece estar relacionado con eso, pero no sé cómo hacerlo desaparecer excepto para reiniciar.

En las herramientas de cromo devo, mirando a los estilos eficaces para el, veo:

width: 1600px; 
    html, body - 100% 

Que 1600 es muy misterioso. Y esto es después de un reinicio.

EDITAR de bingo: enterrado en el main.css hoja de estilos, de otra persona que trabajo 'con', fue 'minWidth: 100em;' en cuerpo. Uy.

Answer 1

Para el registro, creo que es mejor tener la explicación en una respuesta.

No había otra manera cláusula CSS bajar el archivo:

body 
{ 
    minWidth: 100em; 
} 

Yo no lugar, y la caja de Chrome 'Estilos Computarizada' no incluye esto en la 'explicación' de la 1600px en el de la misma manera que incluye los estilos width.

Answer 2

Debe agregar margin: 0 para eliminar el valor predeterminado margin en el elemento body.

¿Estás seguro de que necesitas width: 100%?

html y body son por defecto "ancho completo" por ser block -niveles de nivel.

Answer 3

Trate de usar un restablecimiento CSS ...

http://meyerweb.com/eric/tools/css/reset/index.html

... para ajustar todas las propiedades CSS a sus valores por defecto.

Espero que esto ayude.
Hristo