Se que esto se habra preguntado millones de veces pero no lo he encontrado...quizás no utilizo bien las palabras para buscar o los títulos de esos temas no son realmente descriptivos con este problema...
El caso es que tengo un div principal y dentro de éste, tengo varios divs más pequeños que se van generando segun los resultados de la base de datos, mostrando una información concreta.
El problema es que, si hay 3 resultados (es decir 3 divs internos) no hay problema pero en el momento en que hay 4, el tamaño que ocupan es superior al tamaño base del div padre y los internos sobresalen, quedando encima de lo que más abajo y logicamente queda fatal, ademas de molestar bastante porque justo debajo hay un formulario y no se puede rellenar, el div tapa campos.
Este es el DIV padre
Código CSS:
Ver original
#compra { background-color: Bisque; height: 200px; width: 49%; float: right; display: inline-block; margin: 15px 5px 0 0; border-radius: 5px; }
Este es el div interno, que se genera segun el numero de resultados.
Código CSS:
Ver original
#compra #info_compra { background-color: SandyBrown; width: 95%; margin: 5px auto; border: 1px solid Peru; padding: 5px; }
Se que hay algo que debo estar haciendo mal y que el problema viene a raíz del "float: right" pero es necesario porque hay otro div flotando a la izquierda para que queden uno al lado del otro.
Lo único que quiero y no consigo hacer, es que el div padre se alargue cuando los hijos superen su tamaño, en lugar de quedar fijo y que los hijos sobresalgan como quieran...