div dentro de otro ocupar 100% del ancho del contenedor y position absolute

publicado por: Anonymous

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

_x000D_

_x000D_

.padre{_x000D_
 _x000D_
 width: 200px;_x000D_
 height: 400px;_x000D_
 background-color:green;_x000D_
_x000D_
}_x000D_
.hijo{_x000D_
 _x000D_
 width: 100%;_x000D_
 height:200px;_x000D_
 background-color: grey;_x000D_
 position:absolute;_x000D_
 _x000D_
}

_x000D_

<div class="padre">_x000D_
   _x000D_
<div class="hijo">_x000D_
_x000D_
</div>     _x000D_
  _x000D_
</div>

_x000D_

_x000D_

_x000D_

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 !

solución

Puedes agregarle position: relative al div padre asi:

_x000D_

_x000D_

.padre{_x000D_
 _x000D_
 width: 200px;_x000D_
 height: 400px;_x000D_
 background-color:green;_x000D_
 position: relative;_x000D_
_x000D_
}_x000D_
.hijo{_x000D_
 _x000D_
 width: 100%;_x000D_
 height:200px;_x000D_
 background-color: grey;_x000D_
 position:absolute;_x000D_
 _x000D_
}

_x000D_

<div class="padre">_x000D_
   _x000D_
<div class="hijo">_x000D_
_x000D_
</div>     _x000D_
  _x000D_
</div>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *