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

时间:2013-07-02 18:12:27

标签: html css

我正在尝试并排创建两个div,但因为它们非常大,我希望最初只显示其中一部分,然后在mousover / click上完全展开。

我看到Hipmunk为他们的航班搜索和酒店搜索做了很棒的工作。

有关如何实现这一目标的任何想法?

2 个答案:

答案 0 :(得分:0)

应用特定宽度overflow:hidden

点击/悬停时设置新宽度以显示所有内容。

答案 1 :(得分:0)

你会在stackoverflow上找到很多相关的问题:

看到这些类似的问题和解决方案:

Expand / shrink div on hover / out with jQuery

Expand Div over others on mouse over jquery