Seltsame CSS Footer Bug

Question

Hey Ich habe ein Problem mit meinem Footer div auf meiner Homepage

http://kelteseth.net/2012/04/einsteigerhilfe-unterschied-ubuntu-kubuntu-und-xubuntu/

Das Problem, dass die Wrapper div dos nicht die gleiche Höhe aufweisen als die Inhalt divist. Der Footer Div ist in der Mitte meiner Website:/Wie kann ich die Größe meiner Wrapper div in Abhängigkeit von der Größe meiner Inhalt div ändern?

<div id="wrapper"> 
<div id="content"> 
<!-- My content... --> 
</div> 
</div> 
<div id="footer"> 
<!-- My footer stuff... --> 
</div> 

Answer 1

Set overflow: auto; für #wrapper

Der Grund dies der Fall ist, weil das übergeordnete Element eines Floating Element zusammenbricht. Es gibt eine Reihe von Techniken, um es zu lösen. Der eine, den ich erwähnt habe, heißt Overflow-Methode. Weitere Informationen hier: http://css-tricks.com/all-about-floats/

Answer 2

Fügen Sie clear: both; zu Ihrem Stil hinzu.

Die #content und #primary divs sind schwebte, so dass sie die Höhe des #wrapper div nicht beeinflussen.

Bearbeiten: Diese Methode ändert nicht die Höhe der #wrapper div, also wenn Sie planen, um es eine Grenze oder ein Hintergrundbild zu geben, wird Lars Nyström overflow: auto; Methode besser für Sie sein.