Un div al lado de otro, ambos pegados abajo

publicado por: Anonymous

Estoy editando una plantilla de WordPress y lo que me falta es poner dos div, uno al lado del otro, así (“2” y “3”):

introducir la descripción de la imagen aquí

Ya traté con float:left; en el div “2” y overflow:hidden; en el div “3” y el resultado se acerca a lo que busco. Pero necesito que ambos se queden pegados abajo dentro del div “1” como se ve en la imagen, y el problema al aplicar esas propiedades CSS es que el div “2” se queda pegado arriba a la altura del div “3”.

solución

Espero que te sirva cualquier duda no dudes en consultarme.

_x000D_

_x000D_

.box01{_x000D_
  width: 600px;_x000D_
  height: 300px;_x000D_
  border: 5px solid red;_x000D_
  background: white;_x000D_
  color: black;_x000D_
  display: flex;_x000D_
  align-items: flex-end;_x000D_
}_x000D_
_x000D_
.box02{_x000D_
  width: 90px;_x000D_
  height: 50px;_x000D_
  background: blue;_x000D_
}_x000D_
_x000D_
.box03{_x000D_
  width: 100%;_x000D_
  height: 180px;_x000D_
  background: green;_x000D_
}

_x000D_

<div class="box01">_x000D_
  <div class="box02"></div>_x000D_
  <div class="box03"></div>_x000D_
</div>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *