100%最小高度CSS布局

在CSS布局中，要实现一个元素的最小高度为100%，可以使用以下方法：

1. 使用Flexbox布局：

将父元素的display属性设置为flex，并将flex-direction设置为column。然后将子元素的min-height属性设置为100%。

.parent {
  display: flex;
  flex-direction: column;
}

.child {
  min-height: 100%;
}

1. 使用Grid布局：

将父元素的display属性设置为grid，并使用minmax函数设置子元素的最小高度。

.parent {
  display: grid;
  grid-template-rows: minmax(100%, 1fr);
}

1. 使用calc函数：

将子元素的min-height属性设置为calc(100% - 父元素内边距)。

.child {
  min-height: calc(100% - 20px);
}

请注意，这些方法可能需要根据具体的布局和浏览器兼容性进行调整。在实际应用中，请确保充分测试和验证。