浮動右div div左div

正如你可以看到底部我有兩個div inline/columbs（頁面左半頁，最後一頁 - 右頁）。我的目標是在頁面大小調整時將第一個2°div（最後一個）浮起來。浮動右div 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; 
}

來源

2013-11-15 Matteo

使用z-index屬性？ – vogomatix

首先，將CSS中的「half」和「half last」更改爲「.one-half」和「.last」。您錯過了選擇課程的點。第二條規則是選擇'.last'作爲'.one-half'的子節點，但實際上它是相同的元素。 – kleinfreund

...並刪除之間的一半和最後 – fred02138

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

來源

2013-11-15 13:50:44 NoobEditor

感謝您的回覆。這不是頁面大小調整的問題。頁面右側的div必須浮動在頁面左側的div上。 – Matteo

所以你想正確的div放置在左上方垂直div？ – NoobEditor

是的，確切地說。這是我需要的。 – Matteo

浮動右div div左div

回答

相關問題