最近給朋友做一手機網站，網站底部需要放一浮動，網頁向下滾動時，此浮動也跟著向下滾動，一直距於窗口底部，一般大家都是使用position: fixed實現這個功能，而作者也是這樣實現的，但是在手機浏覽器中卻不支持position: fixed，本文就說下我的解決方法，大家看下明白就行了。
css代碼
.wap_bottom {
height: 60px;
width: 100%;
position: fixed;
z-index: 2;
bottom: 0;
left: 0;
opacity: 0.7;
}
html代碼
<div class="wap_bottom"> <a href="http://www.45it.com" target="_blank"></a> </div>
注意：
一般來說大家寫上個浮動都是使用css中的position: fixed; 進行控制，但是這種方法只適用於電腦端的，而在手機端卻不行，效果就是使用手機浏覽器打開網頁時顯示是底部，但是當我們向下滾動時，而這個浮動的卻不跟著一起，這時大家需要在head間添加以下代碼即可解決手機浏覽器不支持position: fixed的bug了。
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">