股利1行文字=底部，股利超過10行=頂部

Question

我有以下的HTML和CSS模板：http://jsfiddle.net/qubordgg/1/

這是我想archieve什麼：http://jsfiddle.net/mLu6ppLe/

正如你可以看到有我嘗試製作一個基於CSS的解決方案，當只有1行文本時，會將1行向下放1行。 但是，如果有超過1行，它將從頂部開始。

僅在CSS和HTML解決方案中可能嗎？我不想爲此使用JS。

在此先感謝。

Answer 1

position:absolute一個position:relative裏面是你在找什麼：

http://jsfiddle.net/qubordgg/2/

你需要說的權利DIV：在容器元素的底部位置自己。該容器必須有position:relative才能工作。

包裝你右邊一個div，然後裏面：

.wrap{ 
    position:absolute; 
    bottom:0; 
left:60px; 
} 
.container { 
    margin-top: 30px; 
    position:relative; 
    height:60px; 
}