ul,ol,li{ list-style: none; } button{ border:none; } #my-slide{ width:100%; height:280px; } #my-slide .slide-list{ max-width: 1300px; width:100%; height:280px; overflow: hidden; position: relative; margin:0 auto; } #my-slide .slide-list li{ margin-right:20px; height:380px; position: absolute; top:0; overflow: hidden; width:calc(100% - 20px - 50%); max-width: 660px; } #my-slide .slide-list li img{ height:280px; width:660px; } /**顶部幻灯片按钮**/ .slick-top-prev{ position:absolute; display: block; height: 94px; width:56px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; top: 50%; left: 0px; margin-top:-47px; } .slick-arrow{ background-color: #fff; font-family: monospace; font-weight: 100; font-size: 50px; color: #333; outline: none; z-index: 1; opacity: .95; } .slick-top-prev:before{ content: "<"; font-weight: bold; } .slick-top-next{ position:absolute; display: block; height: 94px; width:56px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; top: 50%; right: 0px; margin-top:-47px; } .slick-top-next:before{ content: ">"; font-weight: bold; }