浮点div元素没有jquery

Question

如何在不使用jquery的情况下浮动div元素？我需要这个，因为我想在我的网站的右侧边栏中浮动一个元素。

我正在搜索没有外部库的纯css或javascript解决方案。

我想澄清一下我的问题：我的（在示例中）我的侧边栏中有4个元素。

当用户向下滚动页面并找到最后一个元素时，必须修复此元素并始终可见。但是如果用户向上滚动并且侧边栏中还有其他元素，则方框不再固定。

Answer 1

当然 - 不需要JS。

div {
   float: left;
}

Answer 2

float是元素的CSS属性，它与jQuery无关。您可以浮动元素left或right，或使用none重置它：

float: left;
float: right;
float: none;

所以，如果你有一个div类，right-sidebar，你可以这样漂浮它：

.right-sidebar {
    float: right;
}

Answer 3

您可以在css中使用float属性。

float: none|left|right|initial|inherit;

Answer 4

为什么需要JavaScript或jQuery来浮动元素？ 您需要做的就是添加{float:left or float : right} 你的元素CSS属性。