2012-04-24 9 views
5

Ésta puede ser una posibilidad muy remota que hacer sin el uso de JavaScript ...de cambio de tamaño para adaptarse a los padres div div niño

Si tengo el siguiente (código despojado a cabo para el problema)

<div id="container"> 
    <div id="content"></div> 
</div> 
#container { 
    position: relative; 
} 

#content { 
    position: absolute; 
} 

El cuadro de contenido contiene contenido dinámico, por lo que no se puede usar una altura fija.

Posición absoluta tiene que ser utilizado en el div contenido como el uso de material jQuery UI ...

¿Cómo puedo obtener la caja contenedora para cambiar el tamaño de su altura para adaptarse al contenido?

Entiendo que esto es probablemente imposible sin usar algún tipo de JavaScript, ya que colocar un div colocado en posición absoluta lo quita del flujo, etc., pero me pregunto si alguien sabe de algún tipo de trabajo.

Gracias!

+0

¿Intentó establecer las propiedades min-width y min-height del contenedor? –

+1

¿Para qué teme javascript? – Luke

+0

¿Cuál es la razón para usar 'position: absolute' en primer lugar? –

Respuesta

2

corregir: He entendido mal la pregunta la primera vez.

Si todo lo demás falla, aquí es una solución de jQuery:

$('#container').css('height',$('#content').height()); 
1

Ok, no tengo idea de lo que su contenido es (jQuery UI cosas). Sin embargo, dicen que es sólo una imagen:

#container { 
    position: relative; 
} 

#content { 
    position: absolute; 
    top:0; bottom:0; left:0; right:0; 
} 

Esto establecerá su área de contenido a por lo menos 100 anchura y la altura de la matriz%.

+0

de lo contrario jquery es su mejor apuesta. También puede consultar css3 background-size –

+0

. Por favor, comprenda que acaba de sugerir exactamente lo contrario de lo que OP está tratando de lograr: OP está buscando una forma (con suerte no JS) para cambiar automáticamente el tamaño de los padres según sus hijos. Yo, sin embargo, estoy buscando la manera específica de hacer esto, ya que tengo que trabajar dentro de una función jquery que ya ha decidido la longitud y el ancho, pero moví algunas cosas y necesito volver a calcular las dimensiones según el niños de contenido que básicamente cambié de tamaño. – user253780

+0

Por favor, comprenda, Esta respuesta es de 2012 ... ¿Estás tan enojado? No me digas tus problemas con la "función jquery". –

Cuestiones relacionadas