<style>
        .a{
            font-size: 100px;
            position: relative;
        }
        .b{
            position: absolute;
            color: red;
            top: 0;
            left: 0;
        }
    </style>
    
    <span class="a">我<span class="b">我</span></span>

代碼如上圖所示，當.b的span元素作為.a的span的子元素并且應用子絕父相定位后，會出現(xiàn)以下圖片的問題


隨后我在.b中的span樣式中加入了line-height：100px出現(xiàn)了這種情況


后來我在父元素的span樣式中加入display：block/inline-block才能使這兩個元素完全重疊，請問這是為什么？還有其他的解決方法嗎？