Html “向右浮动”仅在调整窗口大小后起作用

真是不可思议！我在右边有一个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>

正如您在图中看到的问题，当我打开页面或重新加载页面时，DIV2的内容不会向右移动，但当我调整窗口大小时，它会像我预期的那样向右移动。顺便说一句，浏览器是Chrome，问题不在Firefox中。

---

知道问题出在哪里吗？

当我在你的网站上测试它时，我也遇到了同样的问题。通过移除

宽度：770px从您的
#主导航
部分，我可以让它正常工作。
CSS中是否有其他内容导致样式被覆盖？测试你在我的浏览器中粘贴的内容，效果很好。在这里我上传了文件和css，你可以查看源代码：明白了，现在查看。尝试删除
width:770px
从您的
#主导航
非常快。不客气，我也发布了一个答案，如果其他人不阅读这里的评论，问题就解决了。
#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;
}