css - 我的布局不起作用

Question

如何将第 5 张等图像放在前 4 张图像旁边？我需要什么样的 css 样式规则？目前我有一个向左浮动的 div :

div#leftcontainer {
    float: left;
    height: 30%;
    width: 100%;
}

这包含 2 个 div，每 4 个图像在其中。第二个有一个 float 权利:

.topshops-section-secondcol {
    float: right;
    position: static;
}

目前 2 组 4 张图像只是显示在顶部而不是相邻显示？jsfiddle:http://jsfiddle.net/Gn7PL/

Answer 1

像这样:jsFiddle here

您必须关闭 <div id="leftcontainer"></div>

在当前状态下，左容器包含右容器，因此 CSS 没有影响它。除此之外，其他一切都很好。现在可以使用了。