Float right div над левым div

Question

Как вы можете видеть внизу, у меня есть два div inline/columbs (половина - слева от страницы, одна половина последней - справа на странице). Моя цель состоит в том, чтобы поплавать 2 ° div (одна половина последней) над первой, когда страница будет изменена.

В принципе, я хочу, чтобы 1 ° -ный коллапс под углом 2 °. Есть ли способ сделать это?

Проблема в том, что я могу получить только поплавок слева от 2 ° div под 1 °.

Советы?

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

EDIT

с комментарием, обновить css до

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

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