make <div>标签停留，没移动</div>

Question

如标题所示，如何使div不动。因此，当用户滚动我们的网页时，内容正在移动，但不是div元素。如果让我想实现的div元素是侧边栏，我怎么能只用CSS脚本呢？ （或使用HTML5电源）。

Answer 1

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

Answer 2

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

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

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

无论如何，你可以看到css定位here。

Answer 3

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

HTML

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

的CSS ..

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