vue3 宽度指定无效

Question

vue3中代码如下，但画面很奇怪，没有100%设置，附图，求大神帮助一下

<template>
    <div class="loginContainer">
        <h1>登录后</h1>
    </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.loginContainer {
    width: 100%;
    height: 100vh;
    background-color: burlywood;
}

</style>

Answer 1

这个100%是指占据父元素的全部空间，使用position: absolute;可以占据全屏，不过我建议检查元素，修改它的父元素大小来实现