放<a> at bottom of parent element <p></p></a>

Question

我相信这是一个简单的修复，但到目前为止我找不到它。

（请看下面的截图）

我在<a class="addcomment">中有<p>，我只想让<a>始终位于<p>的左下角，无论其高度如何。

使用 即使我确定position: relative; left: 0px; bottom: 0px;是<p>的父级，<a>也无法胜任。

这是元素的当前CSS样式：

a.addcomment:link,
a.addcomment:visited {
  text-decoration: none;
  border-bottom: 1px dotted #820106;
  color: #820106;
}

a.addcomment:hover,
a.addcomment:active {
  text-decoration: none;
  border-bottom: none;
  color: #820106;
}

this looks good because the a tag is at the bottom anyways

this does not because the a tag is not at the bottom where I want it

提前感谢您的知识和建议

Answer 1

将position:relative提供给p，将a提供给position absolute; bottom:0; left:0

Answer 2

您可以尝试使用“P”元素的最小高度。