Wysokość CSS: auto nie działa z moim opakowaniem div

Question

Miałem nadzieję, że ktoś może rzucić okiem na moją stronę i powiedzieć mi, co może się tu dziać. Problem, który mam, polega na tym, że element #bodyWrap div nie rozciąga się automatycznie na wysokość jednego z jego elementów potomnych #contentWrap. #contentWrap rozciąga się dobrze, aby wypełnić całą zawartość tej strony, ale to nie jest bańka do rodzica, #bodyWrap. Z góry dziękuję za wszelki wgląd.

http://www.jacobsmits.com/placeholderRX/index.html

Answer 1

Musisz dodać wyraźniejszy div przed kontenerów zamknięcia:

<div style="clear:both;"></div> 

Pływające elementy nie będą miały wpływu na wysokość pojemnika ... coz to pływający;).

robocza żywo Przykład: http://jsfiddle.net/LBH5h/

Przykład:

<div id="content"> 
    <!-- floating child --> <div style="float:left;"><!-- floating child content --></div> 

    <div style="clear:both;"></div> 
</div> 

Answer 2

Jeśli coś będzie nie zwykle auto wyregulować wysokość dla mnie wtedy będę rozwiązywać z tych etapów.

1. Ustaw wysokość do czegoś śmieszne (1000px)
2. Jeśli sprawiają, że różnica następnie sprawdzić wszystkie pływaki
3. Dodaj clear: both; komunikat.
4. Jeśli nadal nie działa, dodaj osobne kolory obramowania do wszystkich elementów div. Powinien pomóc ci dowiedzieć się, co właściwie ustawia wysokość i co niszczy stronę.