高度可变的元素隐藏溢出?

时间:2012-07-15 22:44:44

标签: javascript css height overflow

是否可以使高度为100%的元素在页面上伸展,同时还具有溢出隐藏属性,因此当该元素的内容过大时,它不会超出该设置的高度并且会隐藏溢出?< / p>

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

here is an example on jsfiddle

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

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

2 个答案:

答案 0 :(得分:0)

在具有可变大小的元素上使用溢出可以正常工作。

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

答案 1 :(得分:0)

我最终使用的是javascript = window.innerHeight来检测身高

也可能是这样的例子 http://jsfiddle.net/EWMwH/2/

我们实际上可以看到中间部分拉伸以强制内容并且不会将设置高度设置为100%并且溢出。

在我看来,我第一次粘贴整个文档而不仅仅是jsfiddle中的正文

并不重要