Saltar al contenido

Dividir Div en 2 columnas usando CSS

Poseemos la mejor respuesta que hallamos en línea. Nosotros esperamos que te sirva de ayuda y si quieres comentarnos cualquier detalle que nos pueda ayudar a crecer puedes hacerlo..

Solución:

Esto funciona bien para mí. He dividido la pantalla en dos mitades: 20% y 80%:

#left content in here
#right content in there

Cuando haces flotar esos dos divs, el div de contenido colapsa a la altura cero. Solo agrega


después del div #right pero dentro del div de contenido. Eso obligará al div de contenido a rodear los dos div flotantes internos.

Otra forma de hacer esto es agregar overflow:hidden; al elemento padre de los elementos flotantes.

overflow:hidden hará que el elemento crezca para encajar en elementos flotantes.

De esta manera, todo se puede hacer en css en lugar de agregar otro elemento html.

valoraciones y reseñas

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *