Css положение зафиксировано с высотой относительно родного брата - PullRequest
Новая
       5

Css положение зафиксировано с высотой относительно родного брата

0 голосов
/ 13 января 2020

Я пытаюсь сделать макет с двумя столбцами. Проблема в том, что система столбцов flexbox или системы сетки vuetify не работает, если у div 1 есть position: fixed.

Как я могу сделать, чтобы div 1 взял высоту его родного брата div2, и чтобы эти 2 div приняли их соответствующий дополнительный вес в сетке?

enter image description here

Вот что я попробовал: 

<template>
    <v-sheet>
        <v-row>
            <v-col cols="2" class="side-panel">
                <component2/>   
            </v-col>

            <v-col cols="10">
                <component1/>
            </v-col>
        </v-row>
    </v-sheet>
</template>

<style scoped>
    .side-panel {
        top: 60px;
        z-index: 1;
        position: fixed;
    }
</style>
...