需要像div这样的zopim聊天服务

Question

如果你查看这个网站的http://blog.zopim.com/，你会在右下角看到一个聊天服务。我其实不想要聊天服务。我只想把div放在我网站上所有东西的最上面，就像这个一样。

我如何才能做到这一点呢？如果有人有任何样本，请分享，这将是非常有帮助的。

Answer 1

正如Bryan告诉你的，使用position: fixed。关于固定的位置，有一些你必须知道的特殊性。你必须给你的元素一个相对于浏览器窗口的位置(使用顶部、右侧、底部或左侧)。如果你有其他已经在固定位置的div，你可能会使用z索引。请检查以下内容：

html：

<div id="floating">hurra i amm floating</div>

css：

div#floating {
   position: fixed;
   bottom:0;
   right:0; 
   width: 100px;
   height: 100px;
   background: pink;
}