CSS或Javascript中的滑动全宽div

我已经在互联网上搜索了一段时间，想找到一个好的图书馆或制作移动全宽/高div的方法

当我点击一个按钮时，它会向右滑动，显示另一个div 使用新内容，并将当前div推到左侧（或右侧）

蓝色框是我的视口，在本例中是移动的 这里有一个蹩脚的例子来说明我的意思

我尝试过使用CSS（半成功），我可以使用CSS显示另一个div

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .5s ease-in-out;
}

#slide-options {
    background: #eee;
    transform: translate(100%, 0);
}

#slide-options.active {
    transform: translate(0,0);
}

但它只是滑过第一节，而不是推动它前进 有没有关于图书馆或现有图书馆的想法

---

谢谢大家!

它不会推动任何其他东西，处于绝对位置。有一个演示或一些HTML给我们看吗？我的工作版本是混乱的数据库连接，所以我现在不能真正把任何东西放在网上，稍后会尝试这样做。你为什么不推送任何内容？这比用另一个div叠加更明显，我想“它”不会，而不是“我”不会。绝对定位的元素位于文档流之外，通常不会影响其他元素。你必须单独设置所有面板的动画。创建一个简单的演示，以便我们提供帮助。否则这个问题就离题了。