在Safari上，如果一个祖先有'display: flex‘和一个后代'position: sticky'，它只会保持包装器的高度

在Safari上，如果一个祖先有'display: flex'和一个后代'position: sticky'，它只会保持包装器的高度。这是因为在Safari浏览器中，当一个元素的祖先元素具有'display: flex'属性时，该元素会成为一个flex容器，而flex容器的高度由其内容决定。而对于'position: sticky'的后代元素，它会相对于离它最近的具有滚动机制的祖先元素进行定位。然而，在Safari中，当祖先元素是flex容器时，'position: sticky'的后代元素只会相对于包装器的高度进行定位，而不会相对于整个滚动区域进行定位。

这种行为在某些情况下可能会导致问题，特别是当我们希望'position: sticky'的元素相对于整个滚动区域进行定位时。在这种情况下，我们可以考虑使用其他方法来实现所需的效果，例如使用JavaScript来监听滚动事件并手动设置元素的位置。

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

• 腾讯云云服务器（CVM）：提供灵活可扩展的云服务器实例，满足各种计算需求。产品介绍链接
• 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。产品介绍链接
• 腾讯云CDN加速：提供全球分布式加速服务，加速内容传输，提升用户访问体验。产品介绍链接
• 腾讯云人工智能平台：提供丰富的人工智能服务和工具，帮助开发者构建智能化应用。产品介绍链接
• 腾讯云物联网平台：提供全面的物联网解决方案，帮助连接和管理物联网设备。产品介绍链接
• 腾讯云移动推送：提供消息推送服务，帮助开发者实现消息推送功能。产品介绍链接
• 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于各种数据存储需求。产品介绍链接
• 腾讯云区块链服务：提供高性能、可扩展的区块链解决方案，帮助构建可信赖的区块链应用。产品介绍链接

请注意，以上仅为腾讯云的一些相关产品，其他云计算品牌商也提供类似的产品和服务。