css - 制作标签停留，没有移动

Question

如何，正如标题所暗示的那样，让一个 div 不动。因此，当用户滚动我们的网页时，内容会移动，但 div 元素不会移动。如果假设我想要实现的 div 元素是一个侧边栏，我怎么能只用一个 CSS 脚本来做到这一点？（或使用 HTML5 功能）。

Answer 1

<style type="text/css">
div.fixedDiv{position:fixed;top:0;left:0;}
</style>

Answer 2

你可以试试这个...... Jsfiddle

html

<div class="wrapper">
<div class="fixed"></div>
</div>​

..

.wrapper { position: relative; height: 1500px; background:red; }
.fixed { position: fixed; left:0; top:50; width:100px; height:100px; background: green; }

Answer 3

<style>
#yourdiv{
 position:absolute;
 left:100px;
 top:150px;
}
</style>

<div id="yourdiv">Hello I'm div</div>

根据需要调整左侧和顶部的坐标。

无论如何，您可以在这里看到 css 定位。