Espacio Sobrante por el posicion Relative
Publicado por José Maria (2 intervenciones) el 01/04/2017 13:10:59

Buenas gente,
Tengo una duda a ver si alguien me ayuda a resolverla.
Tengo un HTML con dos cajas:
1
2
3
4
<body>
<div class="caja1"></div>
<div class="caja2"></div>
</body>
Luego en el Css, la segunda caja le pongo un posicionamiento relativo y me la llevo arriba, dejando debajo el espacio de esa caja como podeis ver en la imagen.
1
2
3
4
5
6
7
8
9
10
11
.caja2{
border-style: solid;
width: 500px;
height: 500px;
background: red;
position: relative;
top: -500px;
left: 800px;
}
Hay alguna propiedad que me permita quitar ese espacio feo?
Evidentemente esta la opción de meter las dos cajas en un solo div y así ajustarlo pero por si había alguna propiedad que directamente quitara ese espacio, no soy muy fan de tener muchos div en la web.
Gracias!!
Valora esta pregunta


0