zopim聊天服务喜欢div所需

Question

如果您查看此网站http://blog.zopim.com/，您会在右下方看到聊天服务。我实际上不想要聊天服务。我只是希望div在我网站上存在的所有内容的顶部，就像这个。

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

Answer 1

正如布莱恩告诉你的那样，使用位置：固定。关于固定的位置，您必须了解一些特殊情况。您必须为元素提供相对于浏览器窗口的位置（使用顶部，右侧，底部或左侧）。如果你有其他已经处于固定位置的div，你可能会使用z-index。检查一下：

HTML：

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

的CSS：

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