Resize rodzic div dopasować dziecko div

Question

Może to być długi strzał zrobić bez używania JavaScript ...

Jeśli mam następujący (kod uproszczoną uwagę na problem)

<div id="container"> 
    <div id="content"></div> 
</div> 

#container { 
    position: relative; 
} 

#content { 
    position: absolute; 
} 

W polu zawartości znajduje się zawartość dynamiczna, więc nie można użyć stałej wysokości.

Pozycja absolutna musi być stosowany na zawartości div jako jego wykorzystaniem jQuery UI rzeczy ...

Jak uzyskać kontener, aby zmienić rozmiar jego wysokość, aby dopasować zawartość?

Rozumiem, że jest to prawdopodobnie niemożliwe bez użycia JavaScriptu, ponieważ umieszczenie elementu div w pozycji absolutnej usuwa go z przepływu itd. Itd., Ale zastanawiałem się, czy ktoś wiedział o jakiejś pracy?

Dzięki!

Answer 1

edytuj: źle zrozumiałem to pytanie po raz pierwszy.

Jeśli wszystko inne zawiedzie, oto rozwiązanie jQuery:

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

Answer 2

Ok, nie mam pojęcia, co treść jest (jQuery UI rzeczy). Jednak powiedzieć, że to po prostu obraz:

#container { 
    position: relative; 
} 

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

To będzie ustawić obszar zawartości do co najmniej 100% szerokości i wysokości rodzica.