Novato en CSS3 DUDA

[provocoaa]

Iniciado por pzin

Los márgenes ocupan parte del ancho también. Y a menos que cambies el modelo de caja de CSS, también lo harán los rellenos y los bordes.

Iniciado por GekoDH

Ten en cuenta que al mezclar medidas fijas y relativas hay que calcular muy bien (o mejor usarlas todas relativas) porque si por ejemplo tienes dos divs con un 49% de ancho te queda un 2% del ancho disponible, en algunas resoluciones en ese 2% te pueden caber 50px de padding y en otras no.

Lo mejor, usar relativas para todo o bien darle a los divs la propiedad box-sizing: border-box; esto hace que en el ancho del div se incluya todo menos el margin (padding y border) con lo cual sólo tendrías que calcular los margins para que quepan en el espacio disponible.

Hay que tener en cuenta que cuando le das un ancho a un elemento se lo estás dando a su contenido, el margin, padding y border van a parte y se suman (excepto con el box-sizing: border-box; que sólo se suma el margin)

Gracias a los dos, ahora me queda mucho mas claro.

A seguir aprendiendo