es posible usar la funcion calc() de ccs3 para calcular el margen superior e inferior de un div?
en mi caso tengo una caja de un alto de 350px y un ancho de 900px dentro de esta caja se alojan cuatro cajas con un ancho fijo pero un alto variable dependiendo del contenido, el contenido obviamente es dinamico y contiene varias cajas y texto por lo que no tengo exito en calcularlo.
el punto es que deseo e estas cajas queden alineadas en el alto con respecto a un centro
seria algo asi como que el margin-top == al alto de la caja contenedora menos el alto de esta caja dividido 2
osea
Código CSS :
#cajagrande{ height:350px; } .cajasChicas{ margin-top: calc(350px - height/2); margin-bottom: calc(350px - height/2); }
sin embargo como sabran esto no funciona
Código HTML :
<div id="cajagrande"> <div class="cajaChica"></div> <div class="cajaChica"></div> <div class="cajaChica"></div> <div class="cajaChica"></div> </div>
podrian ayudarme por favor?