鼠标悬停时展开 div。 （向左侧或右侧扩展）

Question

这是后续：

扩展 Div。 .... stackoverflow

我想在悬停状态下添加更多内容。假设“正常”（宽：100 像素，高：100 像素）有一个 50 像素（宽/高）的图像，图像居中，下方有一个居中的小标题。 “悬停”（w：300px，h：100px）与“正常”相同，但它可以在图像和标题的左侧或右侧展开，并且另一侧有更多内容。

我该怎么做呢？

---

哈雷

Answer 1

试试这个：

.myDiv .hoverContent {
    display: none;
}
.myDiv:hover .hoverContent {
    display: block;
}
.myDiv:hover img {
    float: left;
}