Maquetar una página con CSS

[AlvaroG]

No lo vi muy en detalle, pero el tema viene por el uso de float

Imagina a tu página como algo con profundidad, no plano.

Cuando se coloca un elemento 'flotando', este elemento queda por encima de los demás, no en el mismo plano. Esto causa que no ocupe espacio en el plano "base", y por lo tanto no afecte la ubicación de otras capas.
Pero como la página final que se ve no es tridimensional sino plana, aún hay que ubicar los elementos de forma que nada se superponga, por lo que hay que dejarle espacio.

Creo que me enredé un poco, pero haz esta prueba: ponle menos de 100px de margen a #botonbuscar. verás cómo se termina ubicando por debajo de #campotexto.


Saludos.