位置：绝对弄乱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%