Html 如何在悬停时水平拉伸图像而不是垂直拉伸图像？

.film{
文本对齐：居中；
宽度：234px；
最小高度：311px；
位置：相对位置；
z指数：1；
溢出：隐藏；
}
.海报{
宽度：234px；
身高：311px；
-moz转换：所有1都放松；
-o型过渡：所有1都放松；
-webkit转换：所有1都可以轻松完成；
显示：块；
}
。海报：悬停{
-webkit转换：比例（1.1）；
-moz变换：比例（1.1）；
-o变换：比例（1.1）；
转换：比例（1.1）；
}
.电影名称{
字体大小：24px；
单词包装：打断单词；
字体系列：“Roboto”，“Arial”，“Tahoma”，无衬线；
字号：700；
}
.年{
颜色：#00dfff；
}

---

更改

溢出：隐藏到
溢出：可见在电影课上。见下文：

.film{
文本对齐：居中；
宽度：234px；
最小高度：311px；
位置：相对位置；
z指数：1；
溢出：可见；
}
更改
溢出：隐藏到
溢出：可见在电影课上。见下文：

.film{
文本对齐：居中；
宽度：234px；
最小高度：311px；
位置：相对位置；
z指数：1；
溢出：可见；
}
将div（海报面板）添加到图像标签并设置溢出：隐藏。。。因此，图像将延伸到海报面板分区内


.film{
文本对齐：居中；
宽度：234px；
最小高度：311px；
位置：相对位置；
z指数：1；
溢出：隐藏；
}
.海报板{
溢出：隐藏；
}
.海报{
宽度：234px；
身高：311px；
-moz转换：所有1都放松；
-o型过渡：所有1都放松；
-webkit转换：所有1都可以轻松完成；
显示：块；
}
。海报：悬停{
-webkit转换：比例（1.1）；
-moz变换：比例（1.1）；
-o变换：比例（1.1）；
转换：比例（1.1）；
}
.电影名称{
字体大小：24px；
单词包装：打断单词；
字体系列：“Roboto”，“Arial”，“Tahoma”，无衬线；
字号：700；
}
.年{
颜色：#00dfff；
}

将div（海报面板）添加到图像标签并设置溢出：隐藏。。。因此，图像将延伸到海报面板分区内


.film{
文本对齐：居中；
宽度：234px；
最小高度：311px；
位置：相对位置；
z指数：1；
溢出：隐藏；
}
.海报板{
溢出：隐藏；
}
.海报{
宽度：234px；
身高：311px；
-moz转换：所有1都放松；
-o型过渡：所有1都放松；
-webkit转换：所有1都可以轻松完成；
显示：块；
}
。海报：悬停{
-webkit转换：比例（1.1）；
-moz变换：比例（1.1）；
-o变换：比例（1.1）；
转换：比例（1.1）；
}
.电影名称{
字体大小：24px；
单词包装：打断单词；
字体系列：“Roboto”，“Arial”，“Tahoma”，无衬线；
字号：700；
}
.年{
颜色：#00dfff；
}

它可能不相关，但您的HTML在
标记内有一个额外的结束标记。它可能不相关，但您的HTML在
标记内有一个额外的结束标记