回需要填充整个屏幕

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”的大小。