本文主要包含右侧,底部,悬浮等相关知识,佚名 希望在学习及工作中可以帮助到您
我们见过很多页面右侧浮动效果，最早有QQ联系面板，对联广告等，大多数都是基于Javascript实现的动态效果，今天我给大家分享一个只需要CSS结合DIV实现的右侧浮动效果。
HTML
我们希望悬浮效果最后加载，因此一般将其放置在页面HTML的末尾，我们建立一个.side-bar，里面包含了QQ在线咨询，微信（鼠标滑向弹出二维码效果），微博，以及Email联系方式等内容，这些内容我们都以<a>标签包裹。
简单的几行CSS代码就完成了一个简洁的右下角悬浮效果，快去试下吧。
HTML
我们希望悬浮效果最后加载，因此一般将其放置在页面HTML的末尾，我们建立一个.side-bar，里面包含了QQ在线咨询，微信（鼠标滑向弹出二维码效果），微博，以及Email联系方式等内容，这些内容我们都以<a>标签包裹。
简单的几行CSS代码就完成了一个简洁的右下角悬浮效果，快去试下吧。