CSS Safari 14问题:当包含在flex box中的网格中时，子元素高度突出

问题描述： 在 Safari 14 浏览器中，当将子元素放置在 flex box 中的网格中时，子元素的高度可能会突出。

解决方案： 为了解决这个问题，可以尝试以下方法：

1. 使用 min-height 替代 height 属性： 将子元素的高度属性从 height 改为 min-height。这样可以确保子元素在 Safari 14 中不会突出。
2. 使用 flex-shrink 属性： 在 flex box 的容器中，为子元素添加 flex-shrink: 0 属性。这样可以阻止子元素在 Safari 14 中收缩并突出。
3. 使用 overflow 属性： 在 flex box 的容器中，为子元素添加 overflow: hidden 属性。这样可以隐藏子元素在 Safari 14 中的突出部分。
4. 使用 Safari 14 的特定样式： 针对 Safari 14 浏览器，可以使用 @supports 规则来应用特定的样式。例如：
5. 使用 Safari 14 的特定样式： 针对 Safari 14 浏览器，可以使用 @supports 规则来应用特定的样式。例如：

这些方法可以帮助解决在 Safari 14 中子元素高度突出的问题。

推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列云计算相关的产品和服务，包括云服务器、云数据库、云存储等。您可以访问腾讯云官网了解更多详情：

• 腾讯云产品与服务

请注意，本答案仅提供了解决问题的一般方法和腾讯云的相关产品介绍，并没有提及其他云计算品牌商。如需更具体的解决方案或了解其他品牌商的产品，请提供更详细的问题描述。