2012-07-15 49 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