html - これらの 2 つの列が整列しないのはなぜですか?

Question

HTML :

    <div id="main">
        <br class="clearfloat" />
        <div id="#left">
        </div>
        <div id="#right">
        </div>
        <br class="clearfloat" />
    </div>

CSS :

#main  {
    clear: both;
    width: 1110px;

}
#left {
    width: 801px;
    float: right;
}
#right {
    float: right;
    width: 280px;
}

なぜ #left 列と #right 列が並んでいないのか、私の人生では理解できません... #right が #left の下に表示されています。並べてフィット。

Answer 1

HTML では、id含むべきではありません#

修正されたコードは次のとおりです。

<div id="main">

    <br class="clearfloat" />

    <div id="left">
    </div>

    <div id="right">
    </div>

    <br class="clearfloat" />

</div>

は、#ID を参照するために CSS によって純粋に使用されます。