對齊inline-block的元素

Question

看到這個小提琴：JSfiddle

最後div這是與id="3"停留在我想要做的就是把<div id="3">到<div id="2">底部，右側的bottom.What <div id="1">

我該如何正確對齊？

在此先感謝...

Answer 1

沒什麼可做的。只需將您的<div id="1"..>設置爲float:left並刪除display屬性即可。

<div style="float:left;border:1px solid gray;width:48%;word-wrap:break-word;" id="1"> 

Demo

建議：ID's不應以數字開頭。請將您的ID名稱更改爲單詞。