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

Question

这是后续行动：

Expanding Div..... stackoverflow

我想在悬停状态下添加更多内容。说'正常'（w：100px，h：100px）有一个50px（w / h）的图像，其中心有一个小的居中标题。 'Hover'（w：300px，h：100px）与'Normal'相同，但它可以在图像左侧和字幕或右侧扩展，另一侧有更多内容。

我将如何做到这一点？

---

哈利

Answer 1

试试这个：

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