css ul li样式问题

ul在div内有默认边距和内边距，解决方案:设置ul的padding和margin为0px

 .swiper-wrapper{
    
    
                width:400px;
                height:200px;
                position: absolute;
                top:50%;
                left:50%;
                transform: translate(-50%,-50%);
                border:1px solid #ddd;
                display:inline;
            }
            ul{
    
    
                list-style: none;
                text-decoration: none;
                width:100%;
                height:100%;
                padding:0px;
                margin:0px;
                overflow: hidden;
                box-sizing:border-box;
            }
            ul li{
    
    
                float:left;
            }
            ul li img{
    
    
                width:100%;
                height:100%;
            }
       <div class="swiper-wrapper" id="swiper-wrapper">
             <ul>
             <li><img src="./1.jpg"></li>
             <li><img src="./2.jpg"></li>
             <li><img src="./3.jpg"></li>
             <li><img src="./4.jpg"></li>
             <li><img src="./5.jpg"></li>
             </ul>
       </div>