並排排列3個div，其中一列有2個

Question

我總共有3個div - 如何讓它們按照以下圖像顯示。

我可以使用浮動拿到2在一起：左，但枝條第三屆一個一直坐在格A.下面

任何想法？

感謝

Answer 1

退房masonry.js。

花車爲什麼不能在這種情況下使用的原因是，持股量將行中最高的元素後清除，因此根據元素A.碰撞C元素

或者，你可以放置一個在子父項向左移動，B和C在子父向右移動。但是，這使得響應/流體佈局中的項目順序變得困難。該解決方案可以被簡化爲如下：

<div> 
    <div class="col"> 
     <!-- A --> 
    </div> 
    <div class="col"> 
     <!-- B + C --> 
    </div> 
</div> 

---

對於CSS：

.col { float: left; width 50%; } 

Answer 2

裹B和C中的額外的div類似於A（與浮子左以及）