纯CSS网页右下角二维码悬浮固定位置的方法

怎么样用CSS在网页的右下角做一个二维码图片的悬浮，始终固定在一个位置上，很简单，因为这就是接下来我要讲到的地方，看下图就是右下角悬浮的固定的二维码展示：

首先我们在DW网页中DIV做一个块和图片显示：

DIV的class自己可以随意编辑，CSS样式代码如下：

.weixin {

position: fixed;

right: 16px;

bottom: 150px;

z-index: 10;

padding: 3px 3px 0 3px;

border-radius: 3px;

border: 1px solid #ddd;

background: #fff;

width: 150px;

}

img {

border: 0;

max-width: 100%;

}

想在左下角显示，只要把right：16px；改成left，左右英文，其它的CSS样式也是如此，更改数值能达到自己想要的效果就可以了。