Html 除了隐藏卷轴，overflow:hidden还能做什么？

除了隐藏卷轴，overflow:hidden还能做什么？我只是意外地添加了

溢出：hidden

，修复了一个问题。我以为这只会让卷轴看不见。它还能做什么？我找不到任何好的解释

溢出CSS属性指定是剪辑内容、渲染滚动条还是显示块级元素的溢出内容

---

一个

溢出

属性未设置为

可见

：

浮动、绝对定位元素、不是块框的块容器（如内联块、表格单元格和表格标题）以及“溢出”而不是“可见”的块框（除非该值已传播到视口）为其内容建立新的块格式上下文

---

用外行的话说，它隐藏了剪裁的部分（延伸到设置了可见性的div矩形之外的部分），因此延伸到父矩形边界之外的div内容不可见（并且不可滚动到）

相反，

visible

将渲染这些零件，即使它们比父零件宽/高，

auto

将隐藏它们，但允许通过滚动条访问它们

因此，如果您有一个父div，它是100px x 100px，并且您开始将内容放入该div中，那么当内容超出100px边界时，这些部分就不再可见。根据浏览器的不同，即使可见性设置为“隐藏”，也可以使用javascript强制滚动到它们