html - 为什么 float:lefted 有点低？

Question

这是我的代码。我无法解决为什么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无关紧要。

此外，清除元素的浮动总是一个好主意（例如通过伪 clearfix）。

Answer 3

尝试这个：

#left
{
    float:left;
}

#content
{
float:left;
}

#right
{
    float:left;
}