我在jsfiddle（http://jsfiddle.net/GDdtS/3610/）上发现了3d卡翻转，并对其进行了编辑：
http://jsfiddle.net/qCPrj/
我正在尝试使“卡片”的背面填充网页的整个屏幕。有人建议添加代码：
positition: absolute;
left: 0;
right: 0;
到背面类，但这不会改变背面的宽度。我的问题是，如何获得“卡片”的背面以填满整个屏幕？
编辑*
正面尺寸需要保持400px宽和200px高，但我希望背面为全屏，因此当您将鼠标悬停在背面时，背面会出现并扩展为覆盖整个屏幕。
最佳答案
您必须将所有父元素的高度设置为100％，以相应地填充空间-因此，请添加
html, body, .flip, .card, .front, .back{height:100%}
Jsfiddle
关于css - 卡背面需要填满整个屏幕，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18084230/