固定网站左边且不随网页滚动的DIV层

这篇代码贴是这个分类的第一篇文章，现在运营着鬼片电影这个站，所以，会经常想着如何去优化自己的站，所以少不了发现一些无技术含量的代码片，所以，这个分类也是起到收藏的作用，以后建站的时候，可能会用到，就直接到这里复制了。

<!--浮动QQ微博-->
<div style="left:0px;border:0px;top:30%;position:fixed;margin-left:0px;width:60px;" id="dock">

<a target="_blank" href="http://qun.qq.com/#jointhegroup/gid/13565874">
<img border="0" alt="鬼片电影网QQ群" title="鬼片电影网QQ群" src="http://www.gpdy.com/content/templates/gpdy/images/qq.png">
</a>
<br>
<a target="_blank" href="http://weibo.com/gpdy">
<img border="0" alt="鬼片电影网微博"  src="http://www.gpdy.com/content/templates/gpdy/images/weibo.png" title="鬼片电影网微博" />
</a>
<br>
<a target="_blank" href="http://bbs.gpdy.com">
<img border="0" alt="鬼片电影网论坛"  src="http://www.gpdy.com/content/templates/gpdy/images/bbs.png" title="鬼片电影网论坛" />
</a>
</div>
<!--浮动QQ微博-->

有图有真相，效果是固定在浏览器的左边，如果网页拖动下来他也不会改变，就一直定死在那里，个人觉得这种方式不错，可以引导用户流量

详细效果请看鬼片电影网 的效果