将右div浮动在左边div上
正如你可以看到底部，我有两个div inline / columbs（页面左半页，最后一页 - 右页）。 我的目标是在页面大小调整时将第一个2°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;
}
纯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;
}
}