网页审查元素css乱码,css父元素定位后子元素审查元素位置错乱

父元素position:fixed写了一个遮罩层，里面的子元素审查元素位置错乱，在超出这个元素的位置还能定位到这个元素

直播平台授权

.toolstip {

position: fixed;

left: 0;

right: 0;

bottom: 0;

top: 0;

width: 100%;

background-color: rgba(0,0,0, 0.3);

display: flex;

justify-content: center;

align-items: center;

}

.case {

width: 602;

height: 485;

background-color: #fff;

border-radius: 20;

}

.title {

width: 100%;

height: 95;

line-height: 95;

text-align: center;

font-size: 28;

color: #5e57ff;

border-bottom: 1px solid #ccc;

}

浏览器审查元素的时候 .title元素错位， 但是子元素去掉居中样式以后审查元素又正常了