Html 左上下浮动右下浮动

正如你们在底部看到的，我有两个divinline/columbs（页面左半部分，页面右半部分）。我的目标是在调整页面大小时将2°div（最后一半）浮动到第一个div上

基本上我希望1°div在2°下崩溃。有办法做到这一点吗

问题是我只能在1°下获得2°div左侧的浮动

建议

<div>
    <div class="one-half">
    <h2>Title</h2>
    <p style="text-align: justify;">Text</p>
    <p style="text-align: justify;">Text.</p>
        <p style="text-align: justify;">Text.</p>
</div>
<div class="one-half last">
   <img src="#" class="shadow" alt="#" style="max-width: 455px;width: 100%;">
</div>
<div class="clearfix"></div>
</div>

---

纯css和html方式：

要检测页面大小，请使用媒体查询

@media screen and (max-device-width: 600px) {
.one-half {
        display: none;
    }

    .last {
        float: left;
    }
}

编辑

考虑到评论，将css更新为

@media screen and (max-device-width: 600px) {
.one-half {
        float:left; 
    }

    .last {
        float: left;
        clear: left;
    }
}

---

使用z-index属性？首先，将CSS中的

1/2

和

1/2 last

更改为

.1/2

和

.last

。您缺少选择类的点。第二条规则是选择

.last

作为

.one-half

的子元素，但实际上它是同一个元素。。。。并删除1/2和lastYes之间的空格。很抱歉出现错误，请忽略此CSS。在我的站点中有一个默认类，用于将div内联。我只是试着用Z-index，但没用。谢谢你的回复。这不是调整页面大小的问题。页面右侧的div必须浮动在页面左侧的div之上。因此，您希望右侧div垂直放置在左侧div之上？？是的，完全正确。这就是我所需要的。我改变了图像的位置，把它放在第一位，没有任何div，并按照您的建议添加了明确的适当性。现在一切都很顺利。非常感谢你。

@media screen and (max-device-width: 600px) {
.one-half {
        float:left; 
    }

    .last {
        float: left;
        clear: left;
    }
}