为什么这两列不会对齐？

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>

CSS纯粹使用#来引用ID