Css 如何在固定的父对象内居中相对层?

Css 如何在固定的父对象内居中相对层?,css,css-position,Css,Css Position,#mbFrameHolder{ 背景:rgba(0,0,0,0.8); 位置:固定; 排名:0; 底部:0; 左:0; 右:0; } #mbFrame{ 位置:相对位置; 最高:50%; 左:50%; 宽度:300px; 高度:300px; 边缘顶部:-150px; 左边距:-150px; 背景:#FFF; } Lorem ipsum dolor sit amet,是一位杰出的献身者。整型元素,多洛在小菜一碟中,nisl ligula cursus nibh,rutrum sapien jus

#mbFrameHolder{
背景:rgba(0,0,0,0.8);
位置:固定;
排名:0;
底部:0;
左:0;
右:0;
}
#mbFrame{
位置:相对位置;
最高:50%;
左:50%;
宽度:300px;
高度:300px;
边缘顶部:-150px;
左边距:-150px;
背景:#FFF;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。整型元素,多洛在小菜一碟中,nisl ligula cursus nibh,rutrum sapien justo et lorem。

您需要在#mbFrame上使用
绝对
定位,而不是
相对

例如: