Me gustaría tener el ancho de un div con posición absoluta según su contenido en lugar de su elemento principal. Por ejemplo,El ancho de div con la posición absoluta depende del ancho de sus padres?
<div style="position:absolute">
<div style="position:absolute">
<div style="position:absolute">Div in Div</div>
</div>
</div>
causará el ajuste de línea como se muestra en http://jsfiddle.net/ymgfN/2/
Parece que el ancho de la div interior dependerá de la anchura de su padre, a pesar de que su posición es absoluta. Por ejemplo, si se especifica la anchura de su matriz, que funcionará como se espera (sin ajuste de línea): http://jsfiddle.net/ymgfN/3/
Por desgracia, no puedo especificar el ancho de los padres con antelación - con el tiempo voy a tener su anchura a depender sus hijos. Y, tengo que usar la posición absoluta. ¿Es posible en CSS puro?
Algunos antecedentes: No estoy tratando de hacer una página para cumplir con algún diseño - Sé que es una locura tener tres posiciones absoluta apilado para cualquier demanda razonable. Más bien, estoy haciendo un experimento para ver si el posicionamiento absoluto puede ser un enfoque general para resolver una gama de problemas de diseño (diseño complicado y versátil que generalmente requiere el uso inteligente de estática/absoluta/flotante). Desafortunadamente, me encontré con este problema que hará que la idea de usar la posición absoluta en todas partes sea estúpida.
Si especifica la anchura a es elemento secundario a continuación, los padres se ajustará al ancho elemento secundario. ¡No estoy seguro de que esto sea lo que estás buscando! ... – iDroid