我們見過很多頁面右側浮動效果，最早有QQ聯系面板，對聯廣告等，大多數都是基于javascript實現的動態效果，今天我給大家分享一個只需要CSS結合DIV實現的右側浮動效果。

　　HTML

　　我們希望懸浮效果最后加載，因此一般將其放置在頁面HTML的末尾，我們建立一個.side-bar，里面包含了QQ在線咨詢，微信(鼠標滑向彈出二維碼效果)，微博，以及Email聯系方式等內容，這些內容我們都以標簽包裹。

　　代碼如下: