¿Cómo puedo colocar un elemento debajo de otro?

Verificamos completamente cada enunciado en nuestro sitio web con el objetivo de enseñarte siempre información con la mayor veracidad y actual.

Solución:

solo da la posición: relativa al segundo div y arriba: 315px o lo que quieras

.first
     width:70%;
     height:300px;
     position:absolute;
     border:1px solid red;
 
.second
    border:2px solid blue;
    width:40%;
    height:200px;
	position: relative;
    top: 315px;

Aquí hay una solución:

.first
     width:70%;
     height:300px;
     position:absolute;
     border:1px solid red;
     box-sizing: border-box;

.second
    position: relative;
    border:2px solid blue;
    width:40%;
    height:200px;
    top: 300px;
    box-sizing: border-box;

Y puedes no señalar positionporque div es un elemento de bloque y se colocará en la nueva línea de forma predeterminada.

.first
     width:70%;
     height:300px;
     border:1px solid red;
 
.second
    border:2px solid blue;
    width:40%;
    height:200px;

Intenta usar clear: both;.

La propiedad clear especifica en qué lados de un elemento los elementos flotantes no pueden flotar.

https://www.w3schools.com/cssref/pr_class_clear.asp

---

---

Utiliza Nuestro Buscador