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