antd如何固定header和footer并设置高度

要固定 Ant Design 的 Header 和 Footer 并设置高度，可以使用 CSS 的 `position: fixed` 属性来实现。

首先，需要给 Header 和 Footer 容器设置固定高度，比如：

.ant-layout-header {
  height: 64px;
}

.ant-layout-footer {
  height: 50px;
}

然后，需要将它们的 `position` 属性设置为 `fixed`，并设置 `top` 或 `bottom` 属性来让它们固定在页面顶部或底部，比如：

.ant-layout-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.ant-layout-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

这样就可以固定 Ant Design 的 Header 和 Footer 并设置高度了。注意，由于设置了 `position: fixed`，所以它们不会随着页面滚动而移动，而是一直保持在页面顶部或底部。同时，如果页面内容高度不足以填满整个视口，可能会出现 Header 或 Footer 遮挡内容的情况，需要根据实际情况做出调整。