Css相对定位，设定left：50%起效果，但是设定top：50%不起效果


    <body>
        <div class="box">1</div>
    </body>

            .box {
                position: relative;
                top: 50%;
                left: 50%;
                width: 200px;
                height: 200px;
                background-color: darkcyan;
            }

img

相对定位的left属性可以使用百分比值来起到效果，而top属性设为百分比值却不能有所作用
这个是什么原理呢？

这个属性设置的不对position: relative;
换成absolute或者fixed试试