Así que tengo este problema, estoy codificando un sitio web básico usando NextJS, este es un ejemplo de mi código
Tengo un conjunto de div como este con posicionamiento relativo
<div>one</div> <div>two</div> <div>three</div>salida se ve algo como esto
one two threeAhora quiero envolver los 3 divs dentro de otro div con posicionamiento absoluto para poder cambiar su posición libremente en la pantalla
<div> <div>one</div> <div>two</div> <div>three</div> </div>Pero hacer eso cambiará el diseño de div interno a este
one two threeEntonces, básicamente, ¿cómo envuelvo varios divs dentro de otro div sin cambiar la posición del div interno?
Prueba esto en tu código CSS para los divs internos :
display: inline-block;y esto para el div exterior :
width: fit-content;Algo como esto:
.parent{ position: absolute; bottom: 0px; } .child{ display: inline-block } <div class="parent"> <div class="child">One</div> <div class="child">Two</div> <div class="child">Three</div> </div>