span元素宽高设置问题,为何父级设置相对定位,span设置绝对定位后宽高生效了?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            .box{
                width: 200px;
                height: 200px;
                border: 1px solid black;
                position: relative;
            }
            .box span{
                width: 50px;
                height: 50px;
                background-color: yellow;
                position: absolute;
                right: -10px;
                top: -10px;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <div class="item"></div>
            <span></span>        
        </div>
    </body>
</html>

浮世绘3145722
浏览 2167回答 2
2回答

赤坂龙之介

span 决对定位后成了行内块级元素
打开App,查看更多内容
随时随地看视频慕课网APP