固定定位设置不能覆盖?
<!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>
正在回答
你好,相同的属性,下面的会覆盖上面的,这里一个是left一个是right,不是一个属性,所以无法覆盖哦,建议:可以分开设置哦,例:
若能帮助到你,望采纳。
祝学习愉快!
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星