我正在尝试创建隐藏在屏幕右侧外侧的多个可滑动侧面板。
Here the prototype（为了更好地理解行为，我在其中将“ 几乎”翻译为“ ”）。
代码的相关部分是：
mapStateToProps如您所见，有3个侧面板，每个面板可打开，点击其黄色标签（指示广告1、2、3）。在半隐藏区域中，您还可以看到每个窗格的内容，它们是重叠的。
目标应该是mapDispatchToProps标签应像示例中那样堆叠，但是标签的内容应填充容器的整个高度（可以看到，当面板向右闭合时，该标签中的内容.container {
display:flex;
flex-direction:column;
position:absolute;
top:0;
right:0;
width:200px;
height:100%;
transform:translateX(150px); /*Should be 170px to place outside view*/
}
.side-panel {
display:flex;
}
.side-panel.open {
transform:translateX(-170px);
}
.content {
position:absolute;
top:0;
right:0;
width:calc(100% - 34px);
height:100%;
}
可以有效地解决这种情况，但是当您打开其中一个时，它会被限制在它的直接flex容器中），就像您看到它们关闭时一样。
请问如何解决？