2014-03-26 72 views
0

我有一個加載Flash內容的iFrame。我希望此內容佔據屏幕的任何部分。所以框架的高度爲100%,但我注意到底部被切斷了一些,導致部分閃存內容被切斷。我怎麼寫一些CSS來計算頁面其餘部分的100%(我在這個界面的頂部有一些引導按鈕,佔用一些空間)。CSS考慮到頂部的按鈕?

回答

1

如果使用CSS3,你可以使用自動除垢功能是這樣的:

height: calc(100% - 30px); 

或任何你按鈕欄的高度。

+0

我真的很喜歡'calc()'函數,不幸的是,它看起來在許多瀏覽器中都不起作用(尚未實現)。 –

+0

另請注意,操作數之間的空格是必需的(至少在這種情況下),比如寫'100%-30px'將不起作用,有趣的是,也許這就是爲什麼我認爲'calc()'不被支持,但它是確實現代(舊版本可能不明白)。 –

0

嘗試定位您的Flash框,absolute,不要在CSS設置它的寬度和高度明確,只是設置偏移lefttoprightbottom這樣的:

div {   
    background:green; 
    position:absolute; 
    bottom:10px; 
    top:30px; 
    left:100px; 
    right:100px; 
} 

Fiddle