我怎样才能将这些div并排放置

Question

我无法将列表中的某些div并排，它们会转到下一行。

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

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

sugestmovie.net

Answer 1

在课堂上添加＆＃34; bookmarkContainer＆＃34;属性float的值为＆＃34; left＆＃34;

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

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

Answer 2

根据建议，您需要float: left;。除了保证金，你应该有你想要的。您显然需要根据需要调整保证金。

JSFiddle

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

此外，处理花车时总是会在之后清除它们，否则它会破坏它后面的内容。

<div style="clear:both;">

Answer 3

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

方法1 ：在您的代码中，不要将display从 inline 设置为inline-block。这必须解决您的问题。编辑必须如下所示：

.bookmarkedMovies li {
    display: inline-block;
}

方法2 ：或者只是float div所需的left标记。

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

以上任何人都会工作得很好......