股利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; 
}