tamaño - ¿Por qué usaría un ancho de HTML/CSS de 99.9% en vez de 100%?
mostrar imagen en html (2)
La propiedad hasLayout
Es un truco sucio utilizado para establecer la propiedad específica del IE del elemento en verdadero. La propiedad hasLayout "determina cómo los elementos dibujan y vinculan su contenido, interactúan y se relacionan con otros elementos, y reaccionan y transmiten los eventos de la aplicación / usuario". Proporcionar un layout elemento es una manera fácil de corregir muchos errores relacionados con la disposición que aparecen en Internet Explorer.
¿Qué pasa con el 99.9%?
Establecer el ancho a 99.9% es una forma de activarlo. La razón por la que usaría el 99.9% es porque el diseño se le da a un elemento si su width está configurado a algo que no sea auto . Establecerlo en un porcentaje evita la necesidad de utilizar un ancho fijo.
Después de algunas pruebas en jsFiddle, he llegado a la conclusión de que realmente no es necesario usar un ancho del 99.9%, usar un ancho del 100% es igual de efectivo. http://jsfiddle.net/3qfjW/2/ (IE-Only). Parece que establecer el width al 99.9% puede haber sido un concepto erróneo común que se estancó. Difunde la palabra gente.
Otros metodos
También puede desencadenar hasLayout usando zoom: 1; Si bien este es el método preferido para muchos, ya que no se mezcla con otras características relacionadas con el estilo de un elemento, también es un código CSS no válido, que no es una opción para usar con algunos desarrolladores.
Otras lecturas
Para obtener más métodos para activar hasLayout echa un vistazo a: http://www.satzansatz.de/cssd/onhavinglayout.html
Para obtener más información sobre la propiedad hasLayout echa un vistazo al artículo de MSDN en hasLayout http://msdn.microsoft.com/en-us/library/bb250481(VS.85).aspx (Esta es en realidad una gran lectura, mucha información detallada )
He visto a muchos desarrolladores escribir anchuras de estilos en línea de HTML o CSS de 99.9% en lugares donde utilizaría el 100%. ¿Hay alguna razón válida para usar 99.9%? ¿Tiene alguna diferencia efectiva del 100%?
EDITAR para retweet La muy buena pregunta de MSalters: Considering that 99.9% is one pixel off above 500 pixels, why not 99.99%? Supongo que tiene razón, que si vas con el dirty hack deberías usar el 99.99%, ¿alguien está en desacuerdo?
Referencias adicionales:
- El comentario de @Michael Stum sobre la propiedad zoom de CSS me llevó a este interesante enlace sobre la activación de hasLayout con
zoom: http://www.bennadel.com/blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm . - @Andrew Dunn ofreció este enlace increíblemente completo en hasLayout: http://www.satzansatz.de/cssd/onhavinglayout.html
Su width real no es auto y el disparador zoom Layout, y el zoom es la propiedad / valor más flexible, ya que no estropea el ancho, pero no creo que esa sea la razón por la que vio que los desarrolladores usan el 99.9%.
En ciertos casos flotantes, es necesario que el ancho combinado de los flotantes no sume hasta el 100% (si se especifica en porcentajes) porque IE6 calcula incorrectamente que está por encima del 100% y generalmente el último float se cae.
La solución es especificar un margen derecho -1px solo para IE o hacer la suma 99.99%.
He documentado el error here . Entonces, ya sea que esté relacionado o no con lo que estaba viendo, espero que el vínculo de error ayude a cualquiera que lo experimente.