Div 1行text = bottom，Div超过1行= top

Question

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

这就是我想要的结果：http://jsfiddle.net/mLu6ppLe/

正如你所看到的那样，我尝试制作一个基于CSS的解决方案，它将放置

.text

当只有一行文字时，

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