什么溢出：隐藏除了隐藏滚动吗？

Question

什么溢出：隐藏除了隐藏滚动吗？我只是通过添加overflow:hidden的事故修复了一个问题。我认为这只是让卷轴看不见。它还有什么作用？我找不到任何好的解释。

Answer 1

未设置为visiblecreates a new block formatting context一种overflow属性：

浮标，绝对定位元素，块容器（如直列块，表细胞，和表字幕）那些不是块框的块，以及具有'可见'以外的'溢出'的块（除非该值已经传播到视口）为其内容建立新的块格式上下文。

Answer 2

溢出CSS属性指定是否剪裁内容，呈现滚动条或显示块级元素的溢出内容。

docs

Answer 3

以外行人的话来说，它隐藏了被剪裁的部分（延伸超过div可见性设置的矩形之外的部分），以便延伸超出父矩形边界的div的内容不可见（不可滚动到）。

相反，visible会渲染这些部分，即使它们比父项更宽/更高，auto将隐藏它们，但允许通过滚动条访问它们。

因此，如果您有一个父级div，它的大小为100px x 100px，并且您开始在该div中放入内容，那么当内容超出100px边界时，这些部分将不再可见。即使将可见性设置为隐藏，也可以使用JavaScript强制滚动到它们，具体取决于浏览器。