正确使用浮动(对于那些喜欢CSS标准的人)?

我想知道我在下面的代码中是否以正确的方式(有效地)使用了浮动。

这是我的 :

<div id="content">
    <div id="left-column">
        <h2>left-column</h2>
        <p>
        erat, nec semper dui diam ut libero. Donec adipiscing placerat metus. 
        Integer eu eros vel risus ornare consequat. Curabitur sem erat, tempor 
        </p>
    </div>
    <div id="main-column">
        <h2>main-column</h2>
        <p>
        erat, nec semper dui diam ut libero. Donec adipiscing placerat metus. 
        Integer eu eros vel risus ornare consequat. Curabitur sem erat, tempor 
        </p>
    </div>
    <div id="right-column">
        <h2>right-column</h2>
        <p>
        erat, nec semper dui diam ut libero. Donec adipiscing placerat metus. 
        Integer eu eros vel risus ornare consequat. Curabitur sem erat, tempor 
        </p>
    </div>
</div>

这是我的 style.css:

#navigation {
font-family: Trebuchet MS;
font-weight: bold;
color: #FFF;
width: 900px;
background-color: #000;
overflow: hidden;
}

#left-column {
margin: 10px 10px 0 0;
width: 150px;
padding: 10px;
float: left; 
color: #FFF;
background-color: #A53030;
}

#main-column {
width:410px;
padding: 10px;
float: left; 
}

#right-column {
width: 260px;
padding: 10px;
float: right; 
}

#footer {
margin-top: 10px;
padding: 5px;
width: 900px;
border-color: #262626;
border-top-style: solid; 
border-width: medium;
clear: both;
}

我在页脚中添加了clear:两者都是因为我在很多网页中都看到了这一点,但我不确定为什么会出现,因为如果我删除它,什么都不会发生。