<div class="box">
<div class="imglist" id="imglist">
<ul>
<li class="current"><a href="#"><img src="./img/1.jpg" alt=""></a></li>
<li><a href="#"><img src="./img/2.jpg" alt=""></a></li>
<li><a href="#"><img src="./img/3.jpg" alt=""></a></li>
<li><a href="#"><img src="./img/4.jpg" alt=""></a></li>
<li><a href="#"><img src="./img/5.jpg" alt=""></a></li>
</ul>
</div>
<div class="btn">
<span class="leftbtn" id="left"></span>
<span class="rightbtn" id="right"></span>
</div>
<div class="circle" id="circle">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
*{
margin: 0;
padding: 0;
}
.box{
width: 672px;
height: 320px;
border: 1px solid gray;
margin: 100px auto;
position: relative;
/* box-sizing: border-box; */
}
.box ul{
list-style-type: none;
}
.imglist ul li{
width: 672px;
height: 320px;
position: absolute;
top: 0;
left: 0;
/* display: none; */
}
.current{
display: block;
}
.btn .leftbtn{
width: 55px;
height: 55px;
background: url("../img/left.png");
position: absolute;
top: 50%;
margin-top: -27.5px;
}
这样设置为什么图片没有将imglist完全填满?