100%宽 cs轮播图 案例

 

 

* {

    margin: 0;

    padding: 0;

}

ul, li {

    list-style: none;

}

.scroll {

    width: 100%;

    height: 600px;

    background-color: gray;

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

}

.scroll li {

    width: inherit;

    height: inherit;

    position: absolute;

    top: 0;

    left: 0;

}

.sid:nth-of-type(1) {

    background-color: rgb(121, 37, 37);

}

.sid:nth-of-type(2) {

    background-color: rgb(29, 119, 160);

    left: 100%;

}

.sid:nth-of-type(3) {

    background-color: rgb(165, 179, 41);

    left: 200%;

}