html - 正确使用Floats(适合那些喜欢CSS标准的人)？

我想知道我是否在下面的代码中以正确的方式（有效地）使用浮点数。

基本上有3列（分别分配了左，左和右浮点数）。我使用的花车过多吗？如果添加或删除列，这会给我带来麻烦吗？

这是我的index.html：

<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;
}

我在页脚中添加了明确的说明：两者都在页脚中，因为我已经在许多网页中看到了，但是我不确定为什么会在那里，因为如果删除它，什么也不会发生。

最佳答案

您做对了。

因为您是clearing your floats the "Correct Way"™，所以您的页脚中不需要clear: both。基本上，通过将溢出设置为“隐藏”，可以避免清除页脚中的浮动内容。通过将其保留在其中不会伤害任何东西，但是我将clear: both从页脚样式规则中删除。不需要