我正在处理图像滑块。我实际上要做的是将图像放在另一边的旁边，但我一直试图用display: inline-block，float:left来做...但是没有一个似乎工作，我不知道为什么。我会告诉你JS小提琴，看看是否有人可以帮助我。我想使用display inline-block代替float:left来实现。
<body>
<div id='window'>
<div id='slide-window'>
<ul id='slides'>
<li class='slide'><img src="http://files.chess.com/images_ads/chesscom_logo_on_dark-copy.png"></li>
<li class='slide'><img src="http://i.stack.imgur.com/ykt9V.png"></li>
<li class='slide'><img src="https://raw.github.com/andrew-yavtushenko/css-style-guide/master/dog.jpg"></li>
</ul>
</div>
</div>
</body>
#slide-window
{
margin: 0;
padding: 0;
position: relative;
/*overflow: hidden;*/
}
#slides
{
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
#slides li
{
float: left;
position: relative;
left: 0;
top:0;
}
#window
{
width: 400px;
height: 400px;
background: black;
margin: 2em auto 0 auto;
}
答案 0 :(得分：1)
在overflow:hidden上设置#window，并为#slide-window提供与所有图片总宽度相同的宽度。