Propriedade Float do CSS

Tive problemas em ajustar duas colunas recentemente porque meu conteúdo ficava sobreposto. Procurando na internet, achei duas formas de resolver o meu problema, mas optei pela primeira. O primeiro código segue abaixo (notar para a declaração da propriedade width que é importante):

<!-- CSS -->
<style rel="stylesheet" type="text/css">
.tudo { display: table; }
.menu { float: left; width: 30%; }
.conteudo { margin-left: 35%; }
</style>

<!-- HTML -->
<div class="tudo">
<div class="menu">Menu</div>
<div class="conteudo">Conteúdo</div>
</div>

Esse exemplo eu encontrei neste site. Meu código mesmo ficou um pouco diferente pois ainda tive que definir um width: 100% para meu <div> mais externo, pois o mesmo se encontrava em outro <div>.

O segundo seria utilizar uma <div> depois das colunas com a propriedade clear:both, mas ela não deu muito certo no meu caso, por isso fiquei com a primeira opção.

É só.