25 нояб. 2020 г. · Generally speaking, min-height is the minimum height an element can be, which therefore can be bigger but not (technically) smaller.

24 мая 2021 г. · The answer is simple as percentage min-height is calculated based on parent container's height value not min-height .

20 мар. 2018 г. · The CSS 2.2 spec says: The percentage is calculated with respect to the height of the generated box's containing block.

11 авг. 2018 г. · I want to make the body be at least 100% of the viewport (ie when the content is very less) but take on the height of the content as content increases.

13 янв. 2016 г. · If I understand correctly, you have multiple elements with height: 100vh , and the problem is that their content may overflow them.

22 янв. 2017 г. · You need to add height: 100% on html and body, as they don't have a size by default and viewport is parent for html.

23 окт. 2018 г. · height: 100vh; means the height of this element is equal to 100% of the viewport height. example: height: 50vh; If your screen height is 1000px ...

20 июн. 2017 г. · I want the content to take the full height of the browser window, but not beyond. When using 100vh as the container height, I can see the vertical scrollbar ...

4 авг. 2022 г. · This is the correct answer. The 100vh is actually working, but it gets centered, that's why you only see the bottom half.

20 янв. 2020 г. · I am trying to use min-height: 100vh; on my inner call to action div that sits on top of a background video. Everything works correctly.