位置：绝对混乱与div的宽度

Question

我创建了一个仅在触发时显示的面板，并且内容是动态确定的。 我不想弄乱页面流，所以我让它显示在其他div 上。 为了实现这一点，我添加了z-index和display：absolute。 问题是显示的原因：绝对我的div的宽度是由内容决定的，而我希望它尽管内容不同，但它是相同的。 如何解决？

检查我的css/sass：

.panel-parent{
text-align: center;
display:none;
//display:block when triggered
position:absolute;
z-index:1;
.panel{
padding-top:50px;
padding-bottom:50px;
display:block;
width:95%;
height: auto;}}

Answer 1

您需要将父级设置为position:relative，然后将子项设置为position:absolute; height:100%