1

溢出:隐藏除了隐藏滚动之外还有什么作用?我只是偶然添加了一个问题overflow:hidden。我认为它只是使滚动不可见。它还有什么作用?我找不到任何好的解释。

4

3 回答 3

2

overflow未设置为visible 创建新块格式化上下文的属性:

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

于 2012-12-02T01:32:55.667 回答
1

用外行的话来说,它隐藏了被剪裁的部分(超出设置了可见性的 div 的矩形的部分),因此超出父矩形边界的 div 的内容不可见(也不能滚动到)。

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

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

于 2012-12-02T01:36:11.097 回答
0

overflow CSS 属性指定是否剪切内容、渲染滚动条或显示块级元素的溢出内容。

文档

于 2012-12-02T01:21:42.043 回答