2012-07-15 69 views
0

是否有可能具有高度100%的元素,以便它在页面上延伸,还具有溢出隐藏属性,因此当元素的内容变得太大时,它不会超出该设置的高度并尊重溢出隐藏?高度可变的元素隐藏溢出?

在此示例中,我在元素内使用了span,因为溢出只能在块中使用。

here is an example on jsfiddle

如果无法在默认情况下,有一些可能的黑客呢?也许用JavaScript来检测高度并将其反馈给元素?

它并不需要是IE兼容,其浏览器扩展

回答

0

我所用的到底是JavaScript的= window.innerHeight检测高度

还例如本来应该是也许这 http://jsfiddle.net/EWMwH/2/

,我们其实可以看到,中间部分延伸到迫使内容和不尊重设定高度100%并溢出。

而且在我看来,它不事关我第一次在粘贴的jsfiddle

0

它正常工作与可变大小的元素上使用溢出。

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

+0

整个文档,而不仅仅是身体我不明白,html文件?你的意思是元素?我有文字包裹在一个跨度,但它不会破碎,除非我声明高度... – DoTheEvo 2012-07-16 00:07:32

+0

@DoTheEvo:什么在jsfiddle的HTML窗格中应该只是body元素的内容,但是你已经把一个完整的HTML那里的文档,所以最后一页有html,head和body标签的重复。 – Guffa 2012-07-16 08:13:23