<分区>
我在 next.js 中对页面进行样式化时遇到问题。我想要全高页面。
因此，我在 body 和 html 标签中设置了 height 属性，这没问题，我有 body 和 html 标签的全高(在开发工具中证明)但是虽然我将 #__next 高度设置为 100%，但我无法实现它的全高。 如果我应用其他测量值，如 px 或 vh，它会受到影响。
布局.css
html {
height: 100%;
font-size: 16px;
}
body {
min-height: 100%;
font-family: @text-font-family;
direction: rtl !important;
text-align: start !important;
}
#__next {
height: 100%; // or min-height
}
最佳答案
position: absolute; 可能适合你
html,
body {
margin: 0;
}
#__next {
background: blue;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}<div id="__next"></div>或者只确保html、body 和#__next 都有height: 100%
html,
body {
margin: 0;
height: 100%;
}
#__next {
background: blue;
height: 100%;
}<div id="__next"></div>关于html - next.js 中的 div 高度不是 100%，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58465536/