固定定位设置不能覆盖?

固定定位设置不能覆盖?

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

<title></title>

<style>

    .con{

        background: url("http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png") top center no-repeat ;

        width:100%;

        height:4000px;

    }

    img{ 

        width:200px;

        height:350px;

    }

    .aside-left,.aside-right{

        width:200px;

        height:350px;

        position:fixed;

        top:50%;

        margin-top:-175px;

    }

/*这里设置左右两个广告区为left:0;后,再设置后边广告块为right:0;为什么无法覆盖前一个设置,不能实现相应的效果*/   

 .aside-left,.aside-right{  

        left:0;

    }

    .aside-right{

        right:0;

    }

</style>

</head>

<body>

<div class="con">

    <div class="aside-left"><img src="http://img1.sycdn.imooc.com/climg//5a3383d00001a3dd02240364.png" alt=""></div>

    <div class="aside-right"><img src="http://img1.sycdn.imooc.com/climg//5a3383c70001f1b702240364.png" alt=""></div>

</div>

</body>

</html>



正在回答

登陆购买课程后可参与讨论,去登陆

1回答

你好,相同的属性,下面的会覆盖上面的,这里一个是left一个是right,不是一个属性,所以无法覆盖哦,建议:可以分开设置哦,例:

http://img1.sycdn.imooc.com//climg/5bc2d1210001342b01770164.jpg

若能帮助到你,望采纳。

祝学习愉快!

  • 大笨钟1993 提问者 #1
    对对对,谢谢提醒,我说怎么可能不覆盖呢
    2018-10-14 13:18:07
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师