为啥要使用 resize css 属性调整任何 div 都需要溢出！= 可见？

Posted 2023-05-08

【中文标题】为啥要使用 resize css 属性调整任何 div 都需要溢出！= 可见？

【英文标题】：Why is overflow != visible required for any div to be resizabel with resize css property?为什么要使用 resize css 属性调整任何 div 都需要溢出！= 可见？

【发布时间】：2017-02-27 18:46:45

【问题描述】：

我一直在阅读这个post 关于如何使 div 可调整大小的内容。我不做什么 不明白为什么overflow 属性必须与visible 不同？ w3c 文档和csstricks 博客都提到了这一点。这背后有什么具体原因吗？如果是，那是什么？

【参考方案1】：

如果您查看溢出选项，将此值设置为可见将阻止框包装内容，而不是内容将离开框。因此，如果用户正在动态修改框，您将获得与元素框重叠的上下文。

参考：mdn overflow

【讨论】：

但是，如果我想让内容也带有可调整大小功能怎么办？这是 w3c 这样做的唯一原因吗？

似乎是这样，因为这是指定规则的方式；但是，如果您查看定义，则可以使用一些例外元素来调整大小而不会定义溢出：iframe、imgs、video、svg、object、picture 和 object