Hola a todos.
Como sabemos, para colocar dos o mas divs en una misma fila, debemos colocarles el float left.
El tema es que al estar flotando, no ocupan un espacio en el documento. Para solucionar esto yo siempre coloco debajo de los divs flotantes en el código, un div con la propiedad
clear:both;.
Bueno, abro este tema para saber si hay alguna otra forma mas "prolija" de poner en una misma fila dos capas y que estas ocupen un espacio real en el documento, sin necesidad de colocar esa capa que de alguna forma "corrije".
Un codigo de muestra :
CSS
#contenido {
background-color:#555;
}
#1 {
float:left;
width:50px;
}
#2 {
float:left;
width:50px;
}
#corrector {
clear:both;
}
<!--CONTENIDO DE LA PAGINA -->
<div id="contenido">
<div id="1"></div>
<div id="2"></div>
<div id="corrector"></div>
</div>
<!--CIERRA CONTENIDO DE LA PAGINA -->
Saludos