link textChrome/Safari ignorando mis reglas de reinicio?
En Safari/Chrome tiene espacio adicional a la izquierda/arriba de ol's, blockquotes y otros elementos.
No puedo aislar a esto, sin embargo, cuando miro en el inspector web en Safari, su recoger un margin-left: 26px de algunos elementos. No he especificado ninguna de estas reglas, ¿es esto un error en el inspector web?
¿Alguien me puede aclarar por qué ocurren estos problemas de espacio exta? ¡Gracias!
Ese margen izquierda: 26px es el "estilo computarizada" de su margen izquierda estilismo: 2em. De ahí que esté en la sección Estilo Computado en el Inspector Web de Safari. Así que si cambia su margen-izquierda a algunos otros valores, el valor del píxel de estilo calculado también cambiará.
¡De todos modos hay más relleno! Y es causado por la hoja de estilo del agente de usuario (-webkit-padding-start: 40px). Restablezca este estilo configurando el relleno: 0 en su ol y cualquier otro elemento que desee.
Una buena manera de evitar que esto vuelva a suceder y desarrollar sin la preocupación es restablecer la css. Un reinicio básico sería:
* { margin:0; padding:0; }
Gracias por esta respuesta jason. De hecho, ha hecho el truco. He usado ese selector universal muchas veces en el pasado, pero por alguna razón elegí usar las reglas de reinicio de Eric Meyers esta vez, que no son tan universales como eso. Ah, bueno, una lección aprendida. –
No sabía sobre el selector/reinicio universal y de hecho funciona. ¡Qué gran consejo! –