我有一個問題,要在next.js風格化的頁面。我想有全高的頁面。
因此,我在body和html標簽中設置了height屬性,這是可以的,并且我擁有body和html標簽的完整高度(在開發工具中得到驗證),但是盡管我將#__next height設置為100%,我還是無法實現它的完整高度。 如果我應用px或vh等其他測量值,它會受到影響。
layout.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
}
位置:絕對;可能對你有用
html,
body {
margin: 0;
}
#__next {
background: blue;
position: absolute;
inset: 0;
}
<div id="__next"></div>