浮动权限仅在窗口调整大小后才起作用

Question

这简直难以理解！我在右侧有一个div（DIV1），左边有另一个div（DIV2），我想把DIV2中的一些元素对齐。左边。 这是图像：

这是HTML：

<section id='main-container'>
    <aside id='main-side'>

    </aside>
    <nav id='main-nav'>
        hello
    </nav>
    <section id='main-content'>

    </section>
</section>

CSS：

#main-side {
    width:250px;
    min-height:450px;
    border:1px solid silver;
    float:right;
}
#main-nav {
    width:770px;
    height:50px;
    text-align:right;
    border:1px solid silver;
    margin-right:251px;
}

您在图片中看到的问题是，当我打开页面或重新加载页面时，DIV2的内容不会向右移动，但是当我调整窗口大小时，它会按照我的预期向右移动。顺便说一句浏览器是Chrome浏览器，问题不在Firefox中。 知道问题是什么吗？

Answer 1

当我从您的网站测试时，我遇到了同样的问题。通过从width: 770px;部分删除#main-nav，我就可以使其正常运行。