我怎麼可以把箱子放在另一個箱子的底部模態css

Question

<div class="cat-left"> 
</div> 
<div class="cat-right"> 
</div> 

.cat-left { 
float: left; 
width: 233px; 
border: 1px solid #c5c5c5; 
} 
.cat-right { 
margin-left: 12px; 
float: left; 
} 

我寫這個讓兩個箱子（一個在左邊，一個在右邊）。現在我想再拍

<div class="cat-left"></div> 

，如果我把我的貓離開了我的貓左，那麼它在第一貓左右圖所示後。你已經看到我已經使用了邊框。他們有什麼選擇讓我在現有的貓咪左邊底部做出選擇。

檢查http://s7.postimage.org/3t6rfpdih/demo.png爲弄清楚我究竟想要什麼代碼。

我已經嘗試給位置絕對第二貓左，但不知道它如何幫助我沒有設置像素邊距。

Answer 1

您需要包括兩個子div的在你的貓左框，如下所示：

<div class="cat-left"> 
    <div class="cat-left-inner"> 
     Left top 
    </div> 
    <div class="cat-left-inner"> 
     Left bottom 
    </div> 
</div> 
<div class="cat-right"> 
    Right 
</div> 

其中

.cat-left-inner { 
    height: 10em; 
} 

您需要提供一套高度，以您的div，使他們以期望的方式填充他們的容器。看到這個小提琴更具體的例子：http://jsfiddle.net/A6axj/2/。