为什么不是这些4个人站在一起

Question

我的#slides是800px，每个li是200px宽，那么为什么4 lis不适合一行？

jsFiddle

<div class="carousel-container">
    <div class="slides">
        <ul>
            <li>
                <div>some html</div>
            </li>
            <li>
                <div>some html</div>
            </li>
            <li>
                <div>some html</div>
            </li>
            <li>
                <div>some html</div>
            </li>
        </ul>
    </div>
</div>

Answer 1

我不能说我知道答案，但改变了

display: inline-block;

到

float:left;

将完成所需的结果（fiddle）

<强>更新

正如CBro所说（并且他应该得到充分的信任，如果他发布答案），缩小</li>和<li>之间的空格（fiddle 2）

Answer 2

您还可以通过删除结束li标记来消除</li>之间的空格。无论如何，它们都是可选的。