Frisch aus der Mailing-Liste: clearing eines gefloateten Block-Elements , ohne irgendwelche Hacks im Quelltext wie das obligatorische div class="clear". Es hat wirklich den Anschein, dass diese Möglichkeit 'safe' ist, auch wenn der CSS Validator meckert.
CSS:
/*reset*/
* {
margin: 0;
padding: 0;
border: 0;
}
p {
background: #0f0;
}
#container {
background: #f00;
width: 100%;
}
.float {
float: left;
background: transparent;
border: 2px solid #000;
padding: 5px;
}
/*easy clearing*/
.enclose:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*macIE5 fix*/
.enclose {
display: inline-block;
}
/* Give height to IE-win and reset display:block to remove padding in Opera/Safari but hide all from IE-mac \*/
* html .enclose {
height: 1%;
}
.enclose {
display: block;
}
/* End hide from IE-mac */