老师这里我把左按钮left调成负数按钮就不见了，这是为啥？
来源：2-3 代码编写（1）
Vigorous阿炎
2020-11-15 10:06:00
css部分
.banner{
position: relative;
}
.banner img{
width: 100%;
}
.banner .center-wrap{
position: absolute;
width: 1152px;
height: 100%;
top: 0;
left: 50%;
margin-left:-576px;
}
.banner .left-btn{
position: absolute;
width: 28px;
height: 44px;
background:url(../images/icons.png) no-repeat -21px -94px;
left: 10px; // 调成-10px就看不见了
top: 50%;
margin-top: -22px;
}
.banner .left-btn:hover{
opacity: 0.8;
}
.banner .right-btn{
position: absolute;
width: 28px;
height: 44px;
/* 精灵技术先导入图片 */
background:url(../images/icons.png) no-repeat -21px -29px;
right: -38px;
top: 50%;
margin-top: -22px;
html部分
</header>
<section class="banner">
<!-- 图片为横幅 -->
<img src="images/banner1.jpg" alt="">
<div class="center-wrap">
<div class="right-btn" ></div>
<div class="left-btn" ></div>
<ul>
在这里输入代码，可通过选择【代码语言】突出显示
2回答
-
同学你好，.clearfix这里如果不添加这个类名，一般是不会添加上隐藏样式的。
如果用的是vscode编辑器，可以在这里搜索一下，看看是哪部分设置了overflow属性
可以对照着看看，这样也好找一些。
如果还是找不到，建议可以先放放，按钮能够显示出来就好，学习后面的知识。
祝学习愉快！
0h020-11-15 -
好帮手慕星星
2020-11-15
同学你好，这边测试代码是可以看到的，只不过被遮盖住了一部分
是不是有盒子设置了超出隐藏导致的呢？当前代码测试不出同学的效果，建议将写的所有代码粘贴上来，便于帮助解决。
祝学习愉快！
0h020-11-15
相似问题