问答详情
源自:1-4 基础CSS搭建静态展示效果

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

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;

}


提问者:T松子 2018-09-29 11:36

个回答

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

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