css v-verticallayout, как установить высоту

Question

Я использую регистрационную форму (в ваадине). Я использовал стиль CSS, чтобы получить цвет фона. Проблема заключается в том, что он не показывает эффект на 100% страницы.

Я "проверить" на хром и обнаружили, что "V-VerticalLayout V-V-макет по вертикали V-виджет V-имеет ширину" не имеет высоту в element.style. Если я добавлю высоту в element.style до 100% (в инструменте проверки хром), эффект можно увидеть на полной странице. Как я могу исправить это в CSS

Ниже мой CSS

.dmr{ 

    @include valo; 

    background-image: url(sciome-vector-logo.png); 
    background-position: left top; 
    background-repeat: no-repeat; 
    background-size: 120px 80px; 

    /* Applies to every page */ 
    html { 
     height:100%; 
     margin-bottom:1px ; 
     color:black; 
    } 

    body { 
     overflow-y: scroll; 
    } 

    .v-slot { 
     overflow: hidden; 
     height:100%; 
    } 



    .entire_div { 
     text-align: center; 
     height: 100%; 
    } 


    .v-verticallayout-entire_content_div { 
     text-align: center; 
     height:100%; 
     width:100%; 
    } 

    .div{ 
     height: 100%; 
    } 

    .entire_content_div { 
     margin: auto; 
     height: 100%; 
    } 


    /* Main view properties */ 

    .v-slot-page_content_div { 
     height: calc(100% - 55px); 
     overflow-y: auto; 
    } 

    .page_content_div { 
     text-align: center; 
     min-height: 80vh; 
     height: 100%; 
    } 

    .v-slot-login { 
     height: 100%; 
    } 
} 

Answer 1

На основе CSS вы при условии, ни один из этих селекторов не выбирая элемент, добавленный height: 100%; к element.style в браузере , Нечто подобное может выбрать его:

.v-verticallayout { 
    height: 100%; 
} 

Я также заметил, у вас есть .div селектор в вашем CSS, но я думаю, вы имели в виду селектор div, а не класс называется дел.

EDIT: Изменен селектор, предлагаемый более конкретно, поэтому он не переопределяет другие элементы с теми же классами, с которыми столкнулся OP.

Это решение многих, где вы просто просочитесь, пока не получите достаточно конкретное, чтобы оно не повлияло на ваши другие элементы.

div.v-verticallayout.v-layout.v-vertical.v-widget.v-has-width { 
height: 100%; 
}