Vue quasar element doesn't get 100% height of it's parent
Question
I am using vue3 with quasar 1.1.13
I have set height: 100vh; width: 100vw height: 100vh; width: 100vw for my div element, and heigth: 100% for it's child. It doesn't work for some reason
I have tried the same set up in plain HTML, it works
1 answers
solution1
0 2022-12-30 11:37:41
When you use height: 100% is fills it's parent. Since the top parent ( <div class="q-app"> ) does not have height: 100vh, it is not filling your entire page.
Link to more information: How to make a div 100% height of the browser window?
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Why before pseudo element doesn't get 100% container height?
How to get element to fill 100% height of parent
body element doesn't have 100% height
div's border doesn't reach parent div's top with 100% height
Height of div element not matching parent's height when 100%
Setting height to 100% of parent element
Make element 100% height of parent
code tag doesn't occupy 100% of the parent pre tag height
Height 100% on child when parent doesn't have a fixed width
100% height of a button element in html doesn't work
Related Tags