关于banner里的img设置了left：-30%

.banner{

background: #eaeaea;

}

.banner > ul{

position: relative;

width: 1490px;

height: 538px;

margin: 0 auto;

padding-top: 10px;

}

.banner > ul > li{

position: absolute;

width: 610px;

height: 300px;

overflow: hidden;

}

.banner > ul > li.active{

z-index: 2;

top: 37px;

right: 0;

left: 0;

width: 960px;

height: 460px;

margin: auto;

border: 1px solid #fff;

}

.banner > ul > li.left{

z-index: 1;

top: 0;

bottom: 0;

left: 0;

margin: auto;

}

.banner > ul > li.right{

z-index: 1;

top: 0;

right: 0;

bottom: 0;

margin: auto;

}

.banner > ul > li > img{

height: 100%;

position: absolute;

left: -30%;

}

img设置了absolute，它的left是相对于最近的定位祖先元素来定位的，也就是文中的ul，我看到有的回答说是相对于li定位的，有些不能理解，还有这个-30%是指谁的30%呢？