Es ging mir darum das ja die Steuerung z.B. links breiter sein könnte als der Inhaltsbereich daneben z.B.,
deshalb habe ich da gleich 2 Klassen definiert damit man alles separat einstellen kann.
So lange im div#cont nichts anderes drinne steht kann man sich die Klasse ja auch sparen:
Code
* {
margin: 0;
padding: 0;
}
div#cont {
}
div#cont > div{
float: left;
}
div.boxEins {
width: 200px;
height: 500px;
background-color: red;
}
div.boxZwei {
width: 200px;
height: 500px;
background-color: pink;
}
div.boxDrei {
width: 200px;
height: 500px;
background-color: blue;
}
div.boxVier {
width: 200px;
height: 500px;
background-color: green;
}
div.clear {
clear: both;
}
Alles anzeigen
Code
<div id="cont">
<div class="boxEins"></div>
<div class="boxZwei"></div>
<div class="boxDrei"></div>
<div class="boxVier"></div>
<div class="clear"></div>
</div>
Alles anzeigen
Erklärung:
E > F: Selektiert jedes Element F, das ein Kind von E ist.
Also in diese Falle alle div's die in div#cont drin sind.