html文章内容超出和底部重叠,css – 如何防止底部对齐的DIV元素上的文本重叠

当我尝试在DIV元素中底部对齐文本时,我面临的问题是,当上面的文本足够长到达DIV元素的底部时,它会与底部对齐的文本重叠.这是代码：

http://jsfiddle.net/Kw758/

Date

#container {

position: relative;

border: 1px solid gray;

width: 200px;

}

#date {

margin-top: 1em;

position: absolute;

bottom: 5px;

right: 5px;

}

This is a very very long text that might overlap with the date

just below this.

January 1, 2012

如何防止SPAN元素中的文本与DIV元素中的文本重叠？

我之所以将它与’position’属性底部对齐而不是仅仅将日期设置为’float：right’是因为在我的实际问题中,DIV应该具有最小高度设置,因此底部边界为DIV元素可能与SPAN元素中的文本相距很远.