CSS div float。向上推最后一个div

我有5个

元素，它们都向左浮动

我怎样才能把最后一个球推上去？（我不能再使用2个包装器，因为它们将使用jQuery重新调整大小，所有5个包装器必须在同一个包装器中）

我不知道我是否以正确的方式解释了我的问题，所以如果你有问题，请提问

HTML：

<div id="ModeliSadrzajAir">
    <div class="kocka220x140">1</div>
    <div class="kocka220x140">2</div>
    <div class="kocka220x300">3</div>
    <div class="kocka220x300">4</div>
    <div class="kocka460x140">5</div>
</div>

---

你试过Grid-a-licious之类的插件吗。。 如果不试试的话。。否则，如果你需要一个纯Css，你可以看看下面的链接

jsfiddle.net/chermanarun/HaV29/

您必须将

.kocka220x300

的

浮动

属性从

左

设置为

右

我还建议您将html更改为

<div id="ModeliSadrzajAir">
    <div class="kocka220x140">1</div>
    <div class="kocka220x140">2</div>
    <div class="kocka220x300">4</div> <!-- This comes first  -->
    <div class="kocka220x300">3</div> <!-- This comes second -->
    <div class="kocka460x140">5</div>
</div>

1.
2.
4.
3.
5.

这样，您的3位于4的左侧，请检查小提琴链接以获取更新

您可以尝试此操作

---

我试图复制你的例子

基本上，我认为您需要一个带有

位置的包装器：relative并使第五个div
位置为：绝对值
；和
底部：0px。同时添加溢出：自动
这样，您在父div中包含的最大高度将推送父div的高度（再次阅读您将理解：P）

检查这把小提琴：

能否显示创建当前内容的代码？如果不知道您现在正在使用什么代码，我们真的不能做很多事情。您可以更改HTML标记中div的顺序吗？是的，我可以更改顺序这么好吗？JSFIDLE显示的与原始问题完全不同。在你编辑你的帖子以包含一个显示这个问题实际答案的例子（这就是“答案”部分的目的：回答原始问题）之前，我对你的答案投了反对票。酷老板：。。我只是给了他一个主意，不是确切的答案。。准确地说，我没有注意到你编辑的代码。通常，通过
位置
开始设计布局非常棘手。最好在几乎所有情况下都使用替代品。只有在页面上需要绝对定位元素（标题）或固定元素（弹出窗口）的情况下，根据经验法则，您可能不应该使用
position
。几乎总是有更好的选择。我相信，当一个绝对元素漂浮在另一个元素中时，其实问题不大。但是是的，如果你是一个绝对元素，而不是在一个容器中，你将会有一个问题。这个问题现在还可以。这不是唯一的div。我的意思是我将重复使用220x300，所以我可能需要从右向左改变浮动。
    .kocka460x140
{
    border-radius: 5px;
    width: 460px;
    margin: 10px;
    height: 140px;
    float: left;
    background-color: #FF0000;
    position: absolute;
    top: 160px;
}