css如何让列自动填充背景颜色到高度100%

要让列自动填充背景颜色到高度100%，可以使用CSS中的flexbox布局或者grid布局来实现。

1. 使用flexbox布局：
   • 首先，将父容器设置为display: flex;，这样子元素会自动成为flex项。
   • 然后，将子元素的flex属性设置为1，这样它们会平均分配剩余的空间。
   • 最后，将子元素的背景颜色设置为所需的颜色。
   • 示例代码如下：
   • 示例代码如下：

• 使用grid布局：
  • 首先，将父容器设置为display: grid;，这样子元素会自动成为grid项。
  • 然后，将父容器的grid-template-columns属性设置为repeat(auto-fit, minmax(0, 1fr))，这样子元素会自动填充剩余的空间。
  • 最后，将子元素的背景颜色设置为所需的颜色。
  • 示例代码如下：
  • 示例代码如下：

这样，无论列的数量如何变化，它们都会自动填充背景颜色到高度100%。