在某个窗口宽度处浮动左侧断裂

Question

有一个时间错误，弄清楚哪里出错了。

我有一段HTML代码：

<div id="content">
    <section style="float: left; width: 245px; height: 90%; padding: 0px 0px 0px 0px;">
        <div>
            <br />
            <img src="/images/" />
            <font style="font-size: 1.5em; font-weight: bold; font-style: italic;">Operations</font>
            <ul>
                <li style="padding-top: 5px;"><a href="/">Home</a>
            </ul>
            <ul><li style="padding-top: 5px;"><a href="/viewsop/op">SOP</a><li style="padding-top: 5px;"><a href="/viewssop/op">SSOP</a></ul>
        </div>
    </section>
    <section style="margin-left: 250px; height: 100%; margin-right: 20px; padding: 0px 10px 0px 10px;" id="pagewindow">
        <br />
        <center>
            <span class="pagetitle" id="pagetitle">
                Operations
            </span>
            <hr />
        </center>
            <div class="pagebody" id="pagebody">
                Operations Main Page
            </div>
    </section>
</div>

正确看：

但是当我达到一定的宽度时，它会跳到这个：

我检查了所有@media语句，没有一个断点可以发生这种情况。

我的内容css：

#content {
  padding: 0px 5px 20px 5px;
  height: 775px;
  max-width: 1335px;
}

我无所畏惧。建议？

Answer 1

找到我的问题。在我想到的地方甚至都没有。我刚开始删除代码段，直到错误消失，然后开始重新添加。

我的header div身高29px，我最近添加了image作为“家庭”的链接。事实证明图像高35px，所以最终流过header div并拧紧了div下面的yyyy，我认为它已经破了。

只是在HTML和CSS布局中显示，如果您有错误，请随时查看