html - 为什么这两列不对齐？

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