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; 
}