html - 列表显示为块而不是内联块

我有一个<ul id="slide-holder">包含几个<li class="slide">。
css:

#slide-holder{
    position:absolute;
    width: 720px;
    height: 540px;
    background-color:#FFF;
    display: block;
    list-style:none;
}
.slide{
    width:720px;
    height:540px;
    display:inline-block;
    list-style:none;
}

html格式：

<ul id="slide-holder">
    <li class="slide"></li>
    <li class="slide"></li>
    <li class="slide"></li>
</ul>

问题在于，不是让每个<li>元素彼此相邻并显示一个巨大的水平滚动条，而是将所有内容显示为一个块，即显示垂直滚动条。
我想知道窗户是否有最大限度的宽度不能超过或者只是一个小的CSS问题？

最佳答案

尝试浮动您的lis：

.slide{
    float:left;
    width:200px;
    height:540px;
    list-style:none;
}

ul .slide:last-child {
    clear:both;
}

关于html - 列表显示为块而不是内联块，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5306310/