CSS Div拉伸100%页面高度

在CSS中，要使一个div元素拉伸至100%页面高度，可以使用以下方法：

1. 使用绝对定位：

将div的position属性设置为"absolute"，并将top和bottom属性分别设置为0。这将使div填充整个页面高度。

div {
  position: absolute;
  top: 0;
  bottom: 0;
}

1. 使用Flexbox布局：

将div的display属性设置为"flex"，并将flex-direction属性设置为"column"。然后将div的子元素的flex-grow属性设置为1。

div {
  display: flex;
  flex-direction: column;
}

div > * {
  flex-grow: 1;
}

1. 使用Grid布局：

将div的display属性设置为"grid"，并使用grid-template-rows属性将第一行的高度设置为100vh。

div {
  display: grid;
  grid-template-rows: 100vh;
}

请注意，这些方法可能需要根据您的HTML结构进行调整。如果您需要更多帮助，请提供您的HTML代码，以便我可以为您提供更具体的建议。