修复了css的计算错误

This commit is contained in:
2023-12-18 06:53:56 +00:00
parent 5a8e5d093a
commit 59229eb1b5

View File

@ -2,7 +2,7 @@ body {
margin: 0; margin: 0;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
min-height: 100vh; /* 设置 body 的最小高度为视口的高度 */ min-height: 100vh; /* 设置 body 的最小高度为视口的高度 */
display: flex; /*display: flex;*/
flex-direction: column; flex-direction: column;
} }
@ -100,7 +100,8 @@ nav {
width: 200px; width: 200px;
background-color: #f4f4f4; background-color: #f4f4f4;
padding: 20px; padding: 20px;
min-height: calc(100vh - 70px); /* 70px 是 header 的高度,设置 nav 的最小高度 */ --header-height: 140px; /* 默认高度,可以根据实际情况调整 */
min-height: calc(100vh - var(--header-height));
} }
nav a { nav a {