W moim CSS mam następujące elementy. Wszystkie marginesy / wypełnienia / obramowania są globalnie resetowane do 0.
#wrapper{width: 75%; min-width: 800px;}
.content{text-align: justify; float: right; width: 90%;}
.lbar{text-align: justify; float: left; width: 10%;}
Teraz, kiedy piszę mój HTML jako
<div id="wrapper">
<div class="content">
some text here
</div>
<div class="lbar">
some text here
</div>
</div>
strona renderuje się poprawnie. Jednak kiedy sprawdzam elementy, div#wrapper
jest pokazany jako 0px
wysoki. Spodziewałbym się, że rozwinie się do końca div.content
i div.lbar
... Dlaczego tak się dzieje?
Ponownie strona renderuje się dobrze. To zachowanie po prostu mnie wprawia w zakłopotanie.