CSS Min-Height “vh” Property
Question
I need to specify min-height at several places so I did this,
body{
min-height = 100vh;
}
But it's not working, it's not doing anything. How can I fix it?
2 answers
solution1
1 2017-11-08 23:51:10
Because you're looking for min-height: 100vh instead of min-height = 100vh .
Also note that <body> adds 8px of margin by default, so if you don't want any scrollbars, you'll also need to offset this with margin: 0 when using viewport-relative lengths :
body { min-height: 100vh; background: red; margin: 0; }
Hope this helps! :)
solution2
0 2017-11-08 23:50:59
CSS uses colon to assign values. Using min-height: 100vh; should work fine.
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
min-height property not working as expected in css
CSS: Min-height min-content doesn't work with height vh-100
min-height in vh vs % for body?
When to use vh and min-height:100vh
CSS min-height: 100vh add extra space to bottom of container
Overriding min-height property
How can I make the CSS 'min-height' property ineffective?
CSS property min-height causing margin issue?
CSS min-height not working
Min-height in CSS and HTML
Related Tags