div定位不正确

Question

我在这个页面上使用的方法与在其他页面上使用的方法完全相同(它们工作得很好)。所以我不太确定出了什么问题。我尝试了几种不同的方法，但似乎都不起作用。

显然，我不能发布图片，因为我对这个很棒的网站还很陌生。我把它们放在那里看。

第一张图片就是它应该看起来的样子。

Www.beerfort.net/校正.png

第二张图片就是它现在的样子。

Www.beerforle.net/in更正t.png

有问题的HTML：

<div style="clear: both;">&nbsp;</div>
<div>
<form id=submit_msg>
    <fieldset>
      <legend>Processed</legend>
      <ol id=whatever>
         <li id=whatever>
Thank you for your Submission of [Anheuser-Busch, Inc. Budweiser American Ale]
     </li>
      </ol>
        </fieldset>
    </form>
  </div>

CSS：

form#submit_msg {
    background: #FBB62D;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    width: 95%;
}

form#submit_msg fieldset {
    border: none;
    margin-bottom: 10px;
}

form#submit_msg fieldset:last-of-type {
    margin-bottom: 0;
}

form#submit_msg legend {
    color: #b55100;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    text-shadow: 0 1px 1px #a4a4a4;
}

form#submit_msg fieldset fieldset legend {
    color: #111111;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 0;
}

form#submit_msg ol li {
    background: #b9cf6a;
    background: rgba(255,255,255,.3);
    border-color: #e3ebc3;
    border-color: rgba(255,255,255,.6);
    border-style: solid;
    border-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    list-style: none;
    padding: 5px 10px;
    margin-bottom: 2px;
}
form#submit_msg ol ol li {
    background: none;
    border: none;
    float: left;
}

form#submit_msg label {
    float: left;
    font-size: 13px;
    width: 110px;
}
form#submit_msg fieldset fieldset label {
    background:none no-repeat left 50%;
    line-height: 20px;
    padding: 0 0 0 30px;
    width: auto;
}
form#submit_msg fieldset fieldset label:hover {
    cursor: pointer;
} 

任何帮助都是非常感谢的。如果您需要更多信息，我可以为您提供网站的登录凭据，以便实时查看

Answer 1

您的HTML中有几个错误。你的问题是你没有关闭你的div标签。解决这些问题，页面就会好起来。Validator report

正确页面的Dom如下所示：

<div id="page-bgbtm">
    <div id="whitespace">
        <div class="content"></div>
    </div>
    <div id="sidebar"></div>
</div>

而不正确的是：

<div id="page-bgbtm">
    <div id="whitespace">
        <div class="content">
            <div id="sidebar"></div>
        </div>
    </div>
</div>

所以您可以看到侧栏<div>在content div中。