如何在元素的底部保留<hr>？

正如你在上面的小提琴中所看到的,那hr是在文本下面,但我需要在结尾处设置它div(类似的东西div{border-bottom: 1px solid}).

注:我不能使用margin-top的hr.因为有时会有很多文本进入div,在这种情况下hr,文本和文本之间将永远存在空白.我只想div在有一两行文字的时候把它放在底部.

好吧,我怎么能这样做？

您可以使用position relative + absolute.

div {
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  min-height: 100px;
  position: relative;
}
div hr {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
}

this is a test