最近开发一下需求,手写弹框功能,为了居中,弹框css使用了以下样式
css
.operation-report-over-view-dialog{
height:calc(100% - 100px);
min-height:300px;
overflow: hidden;
position:absolute;
left:50%;
top:50%;
background:#FFFFFF;
transform: translate(-50%,-50%);
border-radius: 16px;
}
operation-report-over-view-dialog盒子有滚动条时,子元素里的元素会出现跳动,查了一些资料,也使用了deepseek的相关建议,修改相关元素的overflow的值都没有解决,最后修改了operation-report-over-view-dialog盒子样式解决
css
height:calc(100% - 100px);
min-height:300px;
position:relative;
margin:50px auto 50px;
background:#FFFFFF;
border-radius: 16px;
是position:absolute的原因导致的