Javascript 显示a<；部门>；右下角无位置：绝对

我有一个

如下

<div style="right:0px;bottom:0px;position:absolute;">

</div>

当我的移动站点以纵向模式打开时，此div将正确显示在右下角。 但是，当以横向模式打开时，它会显示在拐角处，并与已经存在的元素重叠

---

我希望这个div位于页面右下角所有元素的底部。我该怎么做？

我建议使用flexbox，但它可能需要重新组织一些css代码

.page{
显示器：flex；
弯曲方向：立柱；
调整内容：灵活启动；
对齐项目：居中；
高度：100vh；
}
.元素{
高度：10px；
宽度：80%；
边框：1px实心#000；
填充：20px0；
}
.element.bottom{
页边顶部：自动；
背景：红色；
}

你能画一幅插图来显示你的div的当前显示以及它应该是怎样的吗？这个问题本身非常模糊和矛盾。它应该一直可以访问（浮动在顶部）还是仅当用户滚动到底部时才可以访问？在你的情况下什么是正确的？使用

position:fixed

@DeepakYadav-这将如何阻止重叠？我认为这是重复的，但问题并不完全清楚。