当parent div有一个column-count时，为什么overflow:hidden不能在chrome中工作？

当parent div有一个column-count时，设置overflow:hidden在Chrome中不起作用的原因是，当使用column-count属性创建多列布局时，Chrome会将列视为一个整体，并将其视为一个绘制区域。因此，设置overflow:hidden仅对整个列布局生效，而不是对列内的内容进行裁剪。

解决这个问题的方法是使用CSS属性break-inside:avoid或break-inside:auto来控制内容在列之间的换行。break-inside:avoid会尽量避免在列中断内容，而break-inside:auto则允许在列中断内容。通过设置这些属性，可以控制内容是否在列之间断开并显示出overflow:hidden的效果。

以下是一个示例代码：

.parent {
  column-count: 2;
  break-inside: avoid; /* 或者 break-inside: auto; */
  overflow: hidden;
}

这里的.parent是包含多列布局的父元素，设置了column-count为2来创建两列布局。同时，通过设置break-inside属性来控制内容在列之间的断行行为，可以根据实际需求选择避免断行或允许断行。最后，设置overflow为hidden来实现内容的裁剪。

对于腾讯云相关产品和产品介绍链接地址，这个问题与云计算品牌商无关，因此不需要提供相关链接。