CSS 100%高度,填充/边距

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.element {
  height: 100%;
}

.element {
  padding: 20px; /* 设置填充为20像素 */
  margin: 10px; /* 设置边距为10像素 */
}

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

.child {
  flex-grow: 1; /* 允许子元素填充可用空间 */
}

.parent {
  display: grid;
  grid-template-rows: 1fr; /* 创建一个1行的网格，其中1fr表示剩余可用空间 */
}