具有可变高度的元素隐藏溢出？答案

【问题标题】：Hidden overflow on elements with variable height?具有可变高度的元素隐藏溢出？
【发布时间】：2012-07-14 19:49:55
【问题描述】：

是否可以让高度为 100% 的元素在页面上伸展，也可以具有溢出隐藏属性，因此当该元素的内容变得太大时，它不会超出设定的高度并尊重溢出隐藏？

在示例中，我在元素内部使用 span，因为溢出仅在块中起作用。

如果默认情况下不可能，是否有一些可能的破解？也许用 javascript 来检测高度并将其反馈给元素？

它不需要兼容 IE，它用于浏览器扩展

【问题讨论】：

【解决方案1】：

在具有可变大小的元素上使用溢出效果很好。

你已经在 jsfiddle 中放置了一个完整的 HTML 文档，然后它会将它包装在另一个 HTML 文档中，这样你的页面就会被破坏。

【讨论】：

我不关注，html文档？你是说元素？而且我将文本包裹在一个跨度中，但除非我声明高度，否则它不会被破坏......
@DoTheEvo：在 jsfiddle 的 HTML 窗格中应该只有 body 元素的内容，但是你已经把一个完整的 HTML 文档放在那里，所以最后一页有重复的 html，head和正文标签。

【解决方案2】：

我最后用的是javascript = window.innerHeight来检测高度

我们实际上可以看到中间部分正在拉伸以强制内容并且不尊重设置高度 100% 和溢出。

在我看来，我第一次粘贴整个文档而不只是在 jsfiddle 中粘贴正文并不重要

【讨论】：