没BUG，因为图片的left:0，意思是说图片是靠左边的，但是左边按钮的css z-index设置为10，把图片的左边一小部分遮住了，所以你看到的图片长度为(640-100)540px, 空白=800-100-100-540=60px,所以会出现空白区域。

.main{
margin: 200px auto; 
height: 270px; 
width: 800px;
border: 1px solid red; 
position: relative;
}
.main_ul a,.main_ul img{
display: block;   
} 
.main_ul{ 
width: 800px;
height: 270px; 
overflow: hidden;
}
.main_ul .main_li{ 
float: left;
}
.main_btn{
top: 0;
height: 270px;
width: 100px;
position: absolute;
z-index: 10;
} 
.btn_prev{  
background-color: red;
left: 0;
}
.btn_next{  
right: 0;
background-color: blue;
}

<script type="text/javascript" src="js/carousel.js"></script>

js/...这里的js是你放置carousel的文件夹的名字

把你代码粘出来

css是初步展示用的，如果调用了插件，插件里的内容会将其覆盖。css里的东西可以删掉--------别再这样的问题上纠结。

可能是你的图片的问题

img元素设置vertical-align为middle

你试试把图片的父容器字体大小和行高都设置为0

哦，这样啊。那要改代码了，可是我不会。大神你会不？

单独给最后一张图片设置内部样式

<img src="。。。" style="width:npx;height:npx;">

父容器设置为相对定位，子元素设置为绝对定位，子元素就是相对于父元素来相对定位的。你可以自己调试一下

position为absolute时元素脱离了文档流，前面又没有元素阻拦，所以...

Adobe Dreamweaver，简称“DW”。

poster-list是270px，但是 li 不是270了，是337px，所以遮不住啊。前边不是设置了poster-list宽度是800px么，然后图片本来宽度是640px，但是设置100%后高度就大了，不再是270了