Html CSS使部分可见的div/element在鼠标悬停时完全展开

我试图创建两个并排的div，但因为它们很大，我只希望它们的一部分最初出现，然后在mousover/单击时完全展开

我看到他们在航班搜索和酒店搜索方面做得很好

---

有什么想法可以实现吗？

应用特定的宽度和

溢出：隐藏

单击/悬停设置一个新的宽度以显示所有内容。
您可能会发现有关stackoverflow的许多相关问题：

请参见以下类似问题和解决方案：


欢迎来到SO。你能更新你的个人资料并介绍一下你的背景吗，比如：使用HTML的经验。CSS、JavaScript，否则很难知道如何给出答案。还要说你在哪个国家。。。谢谢。你试过什么了？你查过hipmunk是怎么做的吗？向我们展示一些代码，并在遇到问题时提出具体问题。。。