为了账号安全,请及时绑定邮箱和手机立即绑定

css如何实现广告固定动态漂浮

css如何实现广告固定动态漂浮

慕桂英3389331 2018-12-12 14:11:45
http://sc.chinaz.com/jiaobendemo.aspx?downloadid=201590051448以上代码是浏览器全屏的漂浮,如图所示,我怎么让他跟随浏览器并固定在红框区域里面漂浮,需要修改哪些地方,
查看完整描述

1 回答

?
隔江千里

TA贡献1906条经验 获得超10个赞

红框区域用position: fixed;定位,那个熊用position: absolute;定位,熊是红框的子元素

    .box{

        width: 500px;

        height: 500px;

        border: 1px solid red;

        position: fixed;

        top: 0;

        left: 0;

    }

<div class="box">     //就是在外面加了个box

    <div class="conent">

        <div class="sition">

            <div class="c_header"><strong class="txt">杜绝广告</strong></div>

            <div class="c_adver"></div>

            <i class="sign"></i>

        </div>

    </div>

</div>

var win_width=$(".box").width()-$(".conent").width();/*这里把$(window)换成了$(".box")*/  

var win_height=$(".box").height()-$(".conent").height();/*同上*/


查看完整回答
反对 回复 2019-01-17
  • 1 回答
  • 0 关注
  • 953 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信