the parent element position:fixed writes a mask layer, in which the child elements review the element"s disordered position, and the element
< div style = {styles.toolstip} >
< div style = {styles.case} >
<div style = {styles.title}></div> < / div >
< / div >
.toolstip {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
background-color: rgba.
display: flex;
justify-content: center;
align-items: center;
}
.case {
width: 602;
height: 485;
background-color:-sharpfff;
border-radius: 20;
}
.title {
width: 1002
text-align: center;
font-size: 28;
color:-sharp5e57ff;
border-bottom: 1px solid-sharpccc;
}
the title element is misplaced when the browser examines the element, but the review element is normal again after the child element is removed from the center style.