1

hola chicos estoy seguro que esta pregunta es facil tengo 2 divs uno tiene 450px de ancho y dentro de ese tengo otro div que quiero que ocupe el 100% de ancho y que tenga un position absolute , pero al colocarle position absolute se sale del contenedor aqui mi codigo

.padre{
 
 width: 200px;
 height: 400px;
 background-color:green;

}
.hijo{
 
 width: 100%;
 height:200px;
 background-color: grey;
 position:absolute;
 
}
<div class="padre">
   
<div class="hijo">

</div>     
  
</div>

como veran el div hijo se sale del contenedor lo que yo nececito es que siempre me ocupe el mismo ancho del div padre sin importar que espero que puedan ayudarme gracias !

2
  • ¿Si omites la posición absoluta aún no obtendrías el resultado deseado? Commented el 9 jul. 2018 a las 22:06
  • noup, nececito que tenga una position absoluta!!
    – andy gibbs
    Commented el 9 jul. 2018 a las 22:08

1 respuesta 1

1

Puedes agregarle position: relative al div padre asi:

.padre{
 
 width: 200px;
 height: 400px;
 background-color:green;
 position: relative;

}
.hijo{
 
 width: 100%;
 height:200px;
 background-color: grey;
 position:absolute;
 
}
<div class="padre">
   
<div class="hijo">

</div>     
  
</div>

2
  • gracias por la ayuda amigo!!
    – andy gibbs
    Commented el 9 jul. 2018 a las 22:13
  • De nada @chosen
    – alanfcm
    Commented el 9 jul. 2018 a las 22:14

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.