Html 翻转卡自动高度？
我无法找到一个解决方案，以固定自动高度翻转正面和背面卡。尤其是在Firefox浏览器中Html 翻转卡自动高度？,html,css,firefox,Html,Css,Firefox,我无法找到一个解决方案，以固定自动高度翻转正面和背面卡。尤其是在Firefox浏览器中 $（“.card”）.flip({ 轴：‘y’， 触发器：“悬停” }); .card{ 高度：自动； 宽度：100%； 利润率：20px 0 30px 0； } .card.前面，.card.后面{ 边框：1px实心#ccc； 边界半径：20px； 填充：10px； 高度：自动！重要； } .card.default{ 背景色：白色； } .卡，回来{ 背景色：rgba（712071150.1）； }
$（“.card”）.flip({
轴：‘y’，
触发器：“悬停”
});
.card{
高度：自动；
宽度：100%；
利润率：20px 0 30px 0；
}
.card.前面，.card.后面{
边框：1px实心#ccc；
边界半径：20px；
填充：10px；
高度：自动！重要；
}
.card.default{
背景色：白色；
}
.卡，回来{
背景色：rgba（712071150.1）；
}
测试内容
正面
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam。在同侧元素中最常见，而在同侧间隙中最常见PREASENT non tristique arcu.Sed a viverra nulla。努克·卡维库拉·奥奇·里索斯，一位佩伦特斯·亨德雷特·a。杜伊斯在洛勒姆托托酒店
背
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam。在同侧元素中最常见，而在同侧间隙中最常见。
无三角弧。使用维韦拉空弧。努克·卡维库拉·奥奇·里索斯，一位佩伦特斯·亨德雷特·a。杜伊斯在洛勒姆托托
正面
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam
背
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam。在同侧元素中最常见，而在同侧间隙中最常见PREASENT non tristique arcu.Sed a viverra nulla。努克·卡维库拉·奥奇·里索斯，一位佩伦特斯·亨德雷特·a。杜伊斯在洛勒姆托托
正面
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam。在同侧元素中最常见，而在同侧间隙中最常见PREASENT non tristique arcu.Sed a viverra nulla。努克·卡维库拉·奥奇·里索斯，一位佩伦特斯·亨德雷特·a。杜伊斯在洛勒姆托托
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam。在同侧元素中最常见，而在同侧间隙中最常见。
无三角弧。使用维韦拉空弧。努克·卡维库拉·奥奇·里索斯，一位佩伦特斯·亨德雷特·a。杜伊斯在洛勒姆托托
测试内容
您可以使用flexbox并依靠其默认拉伸属性来保持两个元素的高度相等。您还需要调整一些CSS并使用！重要信息
覆盖JS添加的一些内联样式
$（“.card”）.flip({
轴：‘y’，
触发器：“悬停”
});
.card{
显示器：flex；
宽度：100%；
利润率：20px 0 30px 0；
}
.card.前面，.card.后面{
边框：1px实心#ccc；
边界半径：20px；
填充：10px；
职位：相对！重要；
高度：自动！重要；
}
.名片.正面{
保证金权利：-100%；
}
.card.default{
背景色：白色；
}
.卡，回来{
背景色：rgba（712071150.1）；
}
测试内容
正面
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam。在同侧元素中最常见，而在同侧间隙中最常见PREASENT non tristique arcu.Sed a viverra nulla。努克·卡维库拉·奥奇·里索斯，一位佩伦特斯·亨德雷特·a。杜伊斯在洛勒姆托托酒店
背
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam。在同侧元素中最常见，而在同侧间隙中最常见。
无三角弧。使用维韦拉空弧。努克·卡维库拉·奥奇·里索斯，一位佩伦特斯·亨德雷特·a。杜伊斯在洛勒姆托托
正面
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam
背
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam。在同侧元素中最常见，而在同侧间隙中最常见PREASENT non tristique arcu.Sed a viverra nulla。努克·卡维库拉·奥奇·里索斯，一位佩伦特斯·亨德雷特·a。杜伊斯在洛勒姆托托
正面
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam。在同侧元素中最常见，而在同侧间隙中最常见PREASENT non tristique arcu.Sed a viverra nulla。努克·卡维库拉·奥奇·里索斯，一位佩伦特斯·亨德雷特·a。杜伊斯在洛勒姆托托
Lorem ipsum dolor sit amet。但在nisi molestie vulputate中没有quam。在同侧元素中最常见，而在同侧间隙中最常见。
Praesent非trist