我正在努力解决一个问题，该问题似乎可以使用CSS来解决-从概念上讲它很简单，我会假设一个相对常见的问题，但是目前如何解决这个问题使我难以理解！
我有一个跨度为100％宽度和高度为100％的容器，我需要绝对定位一个具有可变行数的文本块，以使该文本块的底行的底部在该行中处于固定的垂直位置容器。我似乎只能将其相对于文本的顶部放置，这不好，因为当有更多行时，有时它会溢出容器。
这是我尝试相对于文本顶部定位失败的JSFiddle。
CSS：
html, body, l-container {
width:100%;
height:100%;
}
.l-container {
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.caption {
position: relative;
width: 360px;
margin-left: -180px;
left: 50%;
top: 82%;
text-align: center;
}
HTML：
<body>
<div class="l-container">
<div class="caption">Multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multilinemultilinemultilinemultiline
</div>
</div>
</body>
有人知道这是否可以在纯CSS中实现吗？我宁愿不必使用JS进行布局，但是这个问题使我无法梳理头发。
最佳答案
如果设置bottom: 0并保留任何top样式，则绝对定位的div应该扩大。