图片没有完全覆盖poster-main,而是往下移了一小截

来源:1-4 基础CSS搭建静态展示效果

T松子

2018-09-29 11:36

https://img1.mukewang.com/5baef2ed0001200813570385.jpg

一下是css代码

.poster-main{

position:relative;

width:840px;

height:270px;

background-color:red;

}


.poster-main a img{

display:block;

}


.poster-main .poster-list{

width:800px;

height:270px;

}


.poster-main .poster-list .poster-item{

position:absolute;

left:0;

top:0;

}


.poster-main .poster-btn{

position:absolute;

top:0;

width:100px;

height:270px;

z-index:10;

background-color:red;

}


.poster-main .poster-prev-btn{

left:0;

}


.poster-main .poster-next-btn{

right:0;

}


写回答 关注

1回答

  • 慕田峪9448735
    2019-06-06 16:00:00

    再加一行样式在最上面 *{margin:0;padding:0;text-decoration:none;list-style:none;} 原因有些元素有初始的margin和padding

JS实现“旋转木马”幻灯片效果

JS组件封装,制作一个图片幻灯片切换效果,一起学习吧

66442 学习 · 147 问题

查看课程

相似问题