浮动元素来了，而不是侧

我不知道什么代码导致这个问题，因此我会要求你查看live site请。浮动元素来了，而不是侧

侧边栏#widgets与#content的顶部不是同一水平。它与#content的水平相差大约1430px，Chrome检查器显示没有余量，导致这种情况的填充。

你能看到问题吗？

2016-01-01 Steve

你能不能使标题更具体一点吗？ –

它会在它之前的节点顶部，所以你可以将所有'.sticky'包装到一个单独的元素中，并将'＃小部件'放在这个容器元素旁边 – Kaiido

把#widgets元件之前#content。

这种行为是由浮动引起的。作为一般规则，将要浮动的元素放置在“main”元素之前，以便缠绕浮动元素。为简化起见，float将该元素从正常流程中移除，并将其放置在指定位置，然后在浮动元素周围呈现以下元素。

到#content已经渲染的时候，将内容或内容浮起来已经太晚了。

2016-01-01 05:34:37

Thanks torazaburo。这解决了它。 – Steve

一个快速解决我能想到的是位置设置为absolute，并设置right约10px，在#widgets的CSS：

#widgets { 
    position: absolute; 
    right: 10px; 
}

其中产量：

2016-01-01 05:28:03

回答