为什么飘：左边有点低？

Question

这是my codes。我无法解决为什么id=right稍低一点？我怎么解决？

我的css代码：

#container
{
    width:70%;
    margin:0 auto;
}

body
{
    text-align: center;
    background-color:#708090;
}

#left
{
    float:left;
}

#content
{

}

#right
{
    float:right;
}

右div的值仅为float:right。

Answer 1

将<div id="right">放在<div id="left">之前或<div id="content">之前，它可以正常运行：

http://jsfiddle.net/24xqX/1/

Answer 2

您需要将浮动内容放在未展开的内容之前。所以基本上，#left和#right需要在标记中#content之前。 #left和#right的顺序无关紧要。

清除元素的浮点数也是一个好主意（例如通过pseudo clearfix）。

Answer 3

试试这个：

#left
{
    float:left;
}

#content
{
float:left;
}

#right
{
    float:left;
}