回需要填充整個屏幕

Question

我發現的jsfiddle一個3D卡片翻轉（http://jsfiddle.net/GDdtS/3610/）和我把它編輯成這樣： http://jsfiddle.net/qCPrj/

我試圖讓「卡」的背面填寫網頁的整個屏幕。有人建議添加代碼：

positition: absolute; 
left: 0; 
right: 0; 

到後面的類，但這不會改變背面的寬度。我的問題是，如何讓「卡」的背面填滿整個屏幕？

編輯*

前的大小需要保持400像素，寬200像素高，但我想背面是全屏的，所以當你將鼠標懸停在背面出現並擴展到覆蓋整個屏幕。

Answer 1

你必須100％設定高度，所有的父元素來填寫相應的空間 - 所以你的情況增加

html, body, .flip, .card, .front, .back{height:100%} 

Jsfiddle

Answer 2

寬度和你們班的身高只有400X200如此技術上最大......它將填補這一部分。你需要增加「.flip」的大小。