右侧悬浮广告

1、无论屏幕放大缩小，悬浮广告一直在右侧html代码布局

<div class="wd_page">
    <div class="scrop_top_fr">
        <ul class="scrop_top_con">
             <li><a href="#activity_name_270">套装1.8折起</a></li>
             <li><a href="#activity_name_269">脱“光”必备</a></li>
             <li><a href="#activity_name_272">闪购新品</a></li>
        </ul>
    </div>
</div>

2、css结构

wd_page {

     overflow : hidden ;

     position : relative ;

     width : 100% ;

}

.scrop_top_fr {

     margin-right : -620px ;

     margin-top : -250px ;

     position : fixed ;

     right : 50% ;

     top : 50% ;

     z-index : 99999 ;

}

转载于:https://www.cnblogs.com/lglijing/p/3405968.html