如何修复CSS div到父元素的底部？

Question

我需要将子元素固定在其父元素的底部，在我的情况下，我具有“后退按钮”，并且需要将其固定在可滚动内容的底部，因此我无法使用position: absolute和bottom: 0，但是我可以在position: fixed中添加bottom: 0，但是问题是它在窗口的底部而不是父元素。

摘要：页面顶部可滚动内容底部的固定按钮

results {
	position: relative;
	height: 200px;
	width: 200px;
	border-top: 2px solid gray;
	border-radius: 1px;
	background-color: #424242;
	color: #dfdfdf;
	font-size: 15px;
	font-family: Arial;
	padding: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 200px;
	max-width: 200px;
	transition: .5s;
}
.return-btn {
	position: absolute;
	height: 30px;
	width: 65px;
  bottom: 10px;
	background-color: tomato;
	color: white;
	border: none;
	border-radius: 1px;
	outline: 0;
	font-size: 16px;
	line-height: 19px;
	cursor: pointer;
	transition: .5s;
}
.page {
  padding: 50px;
}

<div class="page">
  <div class="results">
    <p style="text-align: center;">some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br></p>
    <button class="return-btn">< Back</button>
  </div>
</div>

Answer 1

您可以执行以下操作：在元素上position: fixed;，并添加一个参数：bottom: 0;和/或left: 0;，然后使父元素达到全高或其他高度。

也许可以使用z-index: 2;参数或类似的东西将其浮动在所有元素之上。同样，如果没有附加代码，则很难分辨图片中显示的代码的真正问题是什么。

希望这会有所帮助！