Html 浮动元素位于下方，而不是侧面

我不确定是什么代码导致了这个问题，因此我想请您查看

侧边栏

#widgets

与

#content

顶部不齐。它大约比

#content

的级别低1430px，Chrome inspector没有显示边距，这是由填充造成的

---

你能看到问题吗？

我能想到的一个快速解决方法是在

#widgets

的css中将位置设置为

绝对

，并将

右

设置为大约

10px

：

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

这将产生：

将

#widgets

元素放在

#content

之前

此行为是由浮动引起的。一般来说，将要浮动的元素放在围绕浮动的“主”元素之前。为了稍微简化，

float

获取元素，将其从正常流中移除，将其放置在指定位置，然后在浮动元素周围呈现后面的元素

当

#content

呈现出来时，在其内部或旁边浮动某些内容已经太晚了

---

请您将标题更具体一点好吗？它将位于它前面的节点顶部，因此您可以将所有的

.sticky

包装到一个元素中，并将您的

#小部件

放在这个容器元素旁边谢谢torazaburo。这就解决了问题。