Die inner1 und inner2 divs sind innerhalb des äußeren div, noch die Höhe des Außen zeigt als 0px mit height: autoCSS height: auto nicht funktioniert
wie die Höhe des Kind-Element für den äußeren div zu bekommen?
Code
<style>
#outer {
width:300px;
height:auto;;
background:#ccc;
}
#inner1 {
float:left;
width:100px;
height:100px;
background:#f00;
}
#inner2 {
float:left;
width:100px;
height:100px;
background:#0f0;
}
</style>
<div id="outer">
<div id="inner1"></div>
<div id="inner2"></div>
</div>
Auch einen Blick auf [dieser] (http://stackoverflow.com/questions/12871710/why-clear-both-css/12871734#12871734) –
Set 100% statt Auto –
Soweit die Lösung geht, hier ist die Antwort - http://jsfiddle.net/k8Zmc/ –