Vuetify, как сделать v-строку плавающей поверх других элементов и с фиксированной позицией, но при этом сохранить ширину родительского элемента?

Question

Поэтому я использую Vuetify и пытаюсь сделать элемент внутри v-строки плавающим и фиксированным, но при этом сохраняю ширину родительского элемента.

вот мой код:

 <v-container>
                            <v-row class="mb-3" style="position:fixed; z-index:999;" >
                                <v-col cols="12">
                                    <v-hover>
                                        <template v-slot="{ hover }">
                                            <v-card max-height="50" class="prioritas" :elevation="hover ? 17 : 6">
                                                <v-card dark class="d-flex justify-center
                                                align-self-center kelA" color="blue" max-width="150" height="30">
                                                    <span class="mt-1">
                                                        Kelurahan Angin
                                                    </span>
                                                </v-card>
                                                <v-row style="margin-top:-40px">
                                                    <v-col cols="3">
                                                        <v-card-text>Test</v-card-text>
                                                    </v-col>
                                                    <v-col cols="3">
                                                        <v-card-text>Test</v-card-text>
                                                    </v-col>
                                                    <v-col cols="3">
                                                        <v-card-text>Test</v-card-text>
                                                    </v-col>
                                                    <v-col cols="3">
                                                        <v-card-text>Test</v-card-text>
                                                    </v-col>
                                                </v-row>
                                            </v-card>
                                        </template>
                                    </v-hover>
                                </v-col>
                            </v-row>
<v-container>

он плавает поверх других элементов, но не сохраняет ширину, он сжался. вот оно:

Answer 1

Вы пробовали "ширина: 100%"? Вы пробовали "ширина: 100%"? Вы пробовали "ширина: 100%"?