第一次加载页面时奇怪的Chrome Quirk - 已修复，但为什么？

Question

我遇到了一个奇怪的CSS怪癖，其中布局在第一次加载网页时行为不正常，但是在刷新后它会起作用。仅在Chrome中观察到此行为。

重现：

1. 打开https://coinchat.org/j:offtopic

2. 看到右侧边栏被推到页面下方，即使有足够的间距并且设置为float: right

3. 刷新页面

4. 观察到右侧边栏不再被推到页面下方。

5. 打开新标签页，打开https://coinchat.org/j:offtopic

6. 转到2

以下代码修复了此问题：

$("#chatsidebar").hide();
setTimeout(function(){
$("#chatsidebar").show();
}, 1);

我的问题是，为什么？