Html 定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心

Html 定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心定心,html,css,Html,Css,我正在努力将一个固定的分区放在另一个固定分区的中心。我尝试了很多方法,但都无法将其居中。我该怎么做 .overlay{ 背景:rgba(0,0,0,60); 位置:固定; 宽度:100%; 身高:100%; 不透明度:1; -webkit过渡:不透明度。25秒轻松; z指数:3; 保证金:0自动; } .ques_preview_div{ 宽度:60em; 高度:30公分; 最高:20%; 位置:固定; 背景色:#adadad; 保证金:0自动; z指数:4; } 设置右侧:0左:0至。请查看

我正在努力将一个固定的分区放在另一个固定分区的中心。我尝试了很多方法,但都无法将其居中。我该怎么做

.overlay{
背景:rgba(0,0,0,60);
位置:固定;
宽度:100%;
身高:100%;
不透明度:1;
-webkit过渡:不透明度。25秒轻松;
z指数:3;
保证金:0自动;
}
.ques_preview_div{
宽度:60em;
高度:30公分;
最高:20%;
位置:固定;
背景色:#adadad;
保证金:0自动;
z指数:4;
}

设置
右侧:0
左:0
。请查看代码段全屏

.body{
保证金:0;
}
.覆盖{
背景:rgba(0,0,0,60);
位置:固定;
宽度:100%;
身高:100%;
不透明度:1;
-webkit过渡:不透明度。25秒轻松;
z指数:3;
保证金:0自动;
}
.ques_preview_div{
宽度:60em;
高度:30公分;
最高:20%;
位置:固定;
背景色:#adadad;
保证金:0自动;
z指数:4;
右:0;
左:0;
}

您可以将CSS3属性与
top
left
一起使用

.overlay{
背景:rgba(0,0,0,60);
位置:固定;
宽度:100%;
身高:100%;
不透明度:1;
-webkit过渡:不透明度。25秒轻松;
z指数:3;
保证金:0自动;
}
.ques_preview_div{
宽度:60em;
高度:30公分;
位置:固定;
背景色:#adadad;
保证金:0;
z指数:4;
最高:50%;
左:50%;
转换:翻译(-50%,-50%);
}

在类的宽度和高度上使用像素(px)而不是em\u preview\u div

.overlay{
背景:rgba(0,0,0,60);
位置:固定;
宽度:100%;
身高:100%;
不透明度:1;
-webkit过渡:不透明度。25秒轻松;
z指数:3;
保证金:0自动;
}
.ques_preview_div{
宽度:60px;
高度:30px;
最高:20%;
位置:固定;
背景色:#adadad;
保证金:0自动;
z指数:4;
}

看看这个,我可以问一下你为什么需要。ques\u prev\u div是固定位置对我来说,将其绝对位置放在固定的父div中更有意义