如何使此div与另一列的大小匹配？

要使一个div与另一列的大小匹配，可以使用CSS中的flexbox布局或者grid布局来实现。

1. 使用flexbox布局：
   • 首先，将包含这两列的父容器设置为flex容器，可以通过设置父容器的display属性为flex来实现。
   • 然后，将两列的子元素设置为flex项，可以通过设置子元素的flex属性来控制它们的大小比例。
   • 如果希望两列的大小相等，可以将它们的flex属性都设置为1。

示例代码：

<div class="container">

 <div class="column1">Column 1</div>

 <div class="column2">Column 2</div>

</div>

.container {

 display: flex;

}

.column1, .column2 {

 flex: 1;

}

1. 使用grid布局：
   • 首先，将包含这两列的父容器设置为grid容器，可以通过设置父容器的display属性为grid来实现。
   • 然后，将两列的子元素设置为grid项，可以通过设置子元素的grid-column属性来控制它们的大小比例。
   • 如果希望两列的大小相等，可以将它们的grid-column属性都设置为1。

示例代码：

<div class="container">

 <div class="column1">Column 1</div>

 <div class="column2">Column 2</div>

</div>

.container {

 display: grid;

 grid-template-columns: 1fr 1fr;

}

以上是使用flexbox布局和grid布局来使一个div与另一列的大小匹配的方法。这些布局技术在响应式设计和构建网格布局时非常有用。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云flexbox布局介绍：https://cloud.tencent.com/document/product/248/50397
• 腾讯云grid布局介绍：https://cloud.tencent.com/document/product/248/50398