我怎样才能将这些div并排排列

Question

我不能在列表中找到一些div并列，他们会转到下一行。

有人可以告诉我它是如何完成的。

我指的是网页底部右侧的部分，其中包含堆叠在底层链接中的电影图像。

sugestmovie.net

Answer 1

你可以用两种方法做到这一点。

方法1：在你的代码，而不是从 inline 设置display到inline-block。这必须解决你的问题。而编辑必须类似如下：

.bookmarkedMovies li { 
    display: inline-block; 
} 

方法2：或者只是，float所需div标签left。上述

.bookmarkContainer { 
    float: left; 
    /*required css*/ 
} 

任何人都将工作得很好......

Answer 2

添加在类“bookmarkContainer”属性浮动值为“左”

.bookmarkContainer { 
    /* other css rules ... */ 
    float: left; 
} 

编辑：我使用Firebug尝试，它工作正常，在上面的图片中可以看到它的工作，我也加了margin: 10px;和ul关闭元素之前我添加<div style="clear:both"></div>允许父容器包装列表项。 I

Answer 3

如上所述，您需要float: left;。除了保证金之外，你应该准确地得到你想要的。您显然需要根据您的需求调整保证金。

JSFiddle

.bookmarkContainer { 
    width: 50px; 
    float: left; 
    margin: 0 20px; 
} 

而且，用浮漂打交道时总是事后收拾他们，否则将陷入困境它后面的内容。

<div style="clear:both;">