que he visto varios mensajes relacionados con este tema, pero todavía no pueden conseguir lo siguiente para trabajar:imágenes Absolutamente de posicionamiento dentro de div en posición relativa
.container {
position: relative;
width: 100%;
}
.left {
position: absolute;
left: 0px;
}
.right {
position: absolute;
right: 0px;
}
<html>
<body>
<div class="container">
<img src="..." class="left"/>
<img src="..." class="right"/>
</div>
</body>
</html>
Según http://www.w3schools.com/css/css_positioning.asp, específicamente la línea que dice:
Un elemento de posición absoluta se coloca en relación con el primer elemento principal que tiene una posición que no sea estática. Si no se encuentra dicho elemento, el bloque que contiene es <html>
La cuestión es que el div contenedor no tiene altura. Realmente me gustaría no tener que especificar la altura del contenedor div. Sé que flotando la imagen que queda, y la otra imagen a la derecha, y el desbordamiento de configuración: auto en el contenedor div funcionará, pero creo que esperaba no tener que seguir esa ruta ya que me gusta la técnica del posicionamiento absoluto dentro de un div relativo
¿Esto es posible?
Creo que @Xactor tiene razón. La mejor manera de lograr lo que está describiendo es usar flotadores y un método de limpieza. – Dan
Si tiene un padre que es relativo, ¿por qué no funciona la posición absoluta de la imagen del niño? No entiendo lo que quiere decir con "El problema es que el contenedor div no tiene altura". – Michael