                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS实现“旋转木马”幻灯片效果

为什么两侧的btn不显示？

忧等生

2017-05-09

源自：JS实现“旋转木马”幻灯片效果 1-4

关注问题我要回答

1707

操作

收起

2 回答

满毅回答被采纳 +3 积分
2017-05-11

.main{
margin: 200px auto; 
height: 270px; 
width: 800px;
border: 1px solid red; 
position: relative;
}
.main_ul a,.main_ul img{
display: block;   
} 
.main_ul{ 
width: 800px;
height: 270px; 
overflow: hidden;
}
.main_ul .main_li{ 
float: left;
}
.main_btn{
top: 0;
height: 270px;
width: 100px;
position: absolute;
z-index: 10;
} 
.btn_prev{  
background-color: red;
left: 0;
}
.btn_next{  
right: 0;
background-color: blue;
}