浮动右div在左div

Question

你可以看到底部我有两个div inline / 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>

---

.one-half { 
   width: 460px;
}

.last { 
   float: left;
}

Answer 1

纯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;
    }
}