如何设置超出的margin，使得div不换行？

Question

一个图片滚动器，一个大的div，宽度980px;里面有四个li宽度220px;padding:5px;margin-right:20px;所以第四个li的margin-right刚好多出了20px导致换行，但是我给外层div加了over-flow:hidden;第四个li还是换行了呢？

抱歉，没有说清楚~图片滚动一次不止四个li，但是只显示4个li~

Answer 1

http://lab.tianyizone.com/img...

这样的？

Answer 2

外层容器加 margin-right: -20px，这样外层容器实际可容纳宽度达到了 1000px

Answer 3

那还不简单，再套一层 div 呗。

<ul>
    <li><div class="img"><img src="" /></div></li>
    <li><div class="img"><img src="" /></div></li>
    <li><div class="img"><img src="" /></div></li>
    <li><div class="img"><img src="" /></div></li>
</ul>

li {
    width: 220px;
}

.img {
    padding: 5px;
}

Answer 4

ul>li:last-child{
    margin-right: 0;
}