Tienes tres elementos que miden 24,5%, que son 73,5, luego cada uno de esos elementos tiene un margen derecho de 2%, que son 6, sumado a lo otro son 79,5%. Y luego tienes un elemento con un ancho mínimo de 200 píxeles. Que además tampoco está flotado. Es mucho lío…
¿No es fácil poner cuatro elementos que midan 25% y que hagan de estructura, y ya lo de adentro pones lo que quieras, por ejemplo
div que le pones los márgenes y rellenos que quieras sin afectar a la estructura que es independiente de su contenido?
Y si necesitas más margen, simplemente aumentas el margen de los elementos interiores:
A:
Si te lías mucho con márgenes, porcentajes y demás, es más fácil trabajar así. Los cuatro elementos estructurales no se ven en ningún momento, están pegados unos a otros. No siempre tiene que servir el HTML para que se vea algo.
Pero ponerte a liarte con porcentajes, márgenes y píxeles es de entrada muy lioso.
Yo siempre digo que si pones medidas raras, tipo
24,5% en lugar de
25% o
105px en lugar de
100px, algo se puede mejorar.