Javascript 相对于另一个静止的div位置创建div

我正在尝试制作一个全屏站点，同样具有响应性，但在较小的屏幕上，容器中的元素溢出，使其不是100%，这取决于其中的项目数量。使用：

top:100%；
位置：相对位置；
宽度：100%；
高度：100%

只有当屏幕达到一定大小时，它才能在移动设备上正常工作，并且在前一个容器中显示一半。 有没有办法从元素的底部而不是顶部定位

更新：

---

没关系，找到了一个非常糟糕但有效的解决方案。

我很确定你真的想要一个

位置：绝对

来拥有另一个相对的div。你只是没有正确回答这个问题

position:relative

设置其子项可以位于的点

position:absolute

，这是要使用

top

等的位置。这是您需要看到的结构：

HTML

<div class='surround'>
  <div class='inside'>
    <div class='outer'>
      <div class='inner'>
      </div>
    </div>
  </div>
</div>

---

你能分享你的HTML，让我们试着理解它的结构吗？你可以发布所有内容，但这里有一个JSFIDLE：白色是应该放在下面的容器，调整它的大小，看看它是如何变化的，希望能有所帮助。

.surround{
  position:relative;
}
.inside{
  height:100px; width:100px; position:absolute; top:100px; left:100px;
}
.outer{
  height:100px; width:100px; position:relative;
}
.inner{
  position:absolute; top:30px; left:10px;
}