html - 定位到动态div的底部

Question

这就是我要实现的目标

http://i.stack.imgur.com/e9xZa.jpg

我试过了

jsfiddle.net/RUSm3/

但如您所见，图像上的日期重叠。

所以我为日期添加了 left:215px

jsfiddle.net/9aw29/

看起来不错，但可能我没有图片。我怎样才能让日期回到最左边？我试图在没有 php 的情况下实现这一目标。

Answer 1

如果你有这样的div

<div class="container">
    <div class="date">today</div>
</div>

使用此 css 片段，您的日期 div 将位于其容器的右下角。

.container {
      position:relative;
    width: 100px;
    height: 180px;
    border: solid 1px black;
}
.date {
        bottom:10px;
        position:absolute;
        right:10px;
    }

您可以验证它是否正常工作 here