¿Hay alguna manera para que "position: absolute" div retenga el ancho relativo?
Digamos que tengo dos divs, uno dentro del otro, así:
<html>
<body>
<div id="outer" style="width:50%">
<div id="inner" style="width:100%">
</div>
</div>
</body>
</html>
En este momento, la división interna tiene un ancho del 100% del 50% del tamaño de la pantalla, o el 50% del tamaño de la pantalla. Si tuviera que cambiar el div interior a la posición absoluta, así:
<html>
<body>
<div id="outer" style="width:50%">
<div id="inner" style="position:absolute;width:100%">
</div>
</div>
</body>
</html>
En este caso, la división interna ocupa el 100% del espacio de la pantalla, ya que su posición se establece en absoluta.
Mi pregunta es la siguiente: ¿hay alguna manera de mantener el ancho relativo de la división interna mientras su posición se establece en absoluta?