overflow:hidden没有在iOS safari上创建新的块格式上下文

在iOS Safari上，当使用overflow:hidden属性时，不会创建新的块格式上下文。

块格式上下文是指一个独立的渲染区域，其中的元素按照一定的规则进行布局和渲染。创建新的块格式上下文可以影响元素的布局和显示效果。

overflow:hidden属性通常用于控制元素的溢出内容的显示方式。当设置为hidden时，超出元素框的内容将被裁剪，并且不会显示滚动条。

在其他浏览器中，当给一个元素设置overflow:hidden属性时，会创建一个新的块格式上下文。这意味着该元素的子元素会相对于该元素进行布局，并且不会影响其他元素的布局。

然而，在iOS Safari上，overflow:hidden属性不会创建新的块格式上下文。这意味着该元素的子元素仍然会相对于其父元素以及其他元素进行布局。这可能会导致一些布局问题，特别是在处理浮动元素时。

解决这个问题的一种方法是使用其他的CSS属性或技巧来创建新的块格式上下文，例如使用display: inline-block或float: left等属性。这样可以确保在iOS Safari上正确地创建新的块格式上下文，并解决布局问题。

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

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/solution/metaverse