Duplicar posible:
Evenly distributed height of child elements with CSS¿Adónde van los píxeles perdidos en un diseño de porcentaje de CSS?
Digamos que tengo un diseño con 6 DIV que son flotador izquierda con una anchura de 16,666%. El tamaño del documento se divide en 6 partes.
Ahora, si tengo un tamaño de documento de digamos 620px de ancho, esto haría que cada parte 103.333px. Como no conozco pantallas que puedan mostrar píxeles parciales :) Me pregunto cómo maneja el navegador los píxeles parciales.
Aquí es mi caso de prueba: http://jsfiddle.net/dhQh2/ (Sólo redimensionar la ventana para obtener un resultado)
Al cambiar el tamaño costuras que los 6 DIV mantienen el mismo tamaño. Pero en algunos casos no puede ser. ¿Cómo maneja el navegador esos valores parciales de PX?
Me gustaría ver la respuesta a esta :) – Pieter888
+1. y para puntos de bonificación, ¿cómo se tienen en cuenta los píxeles utilizados por un borde de 1px que es (fuera del modelo de caja, por lo que esos píxeles se agregan al tamaño total de la casilla) – Spudley
Es lo mismo que esto: http: // stackoverflow. com/questions/5115637/evenly-distributed-height-of-child-elements-with-css Esta pregunta se ha formulado varias veces antes. Los diferentes navegadores manejan el redondeo de manera diferente.Esa pregunta que he vinculado tiene enlaces relevantes en los comentarios. – thirtydot