我正在为我的学校项目（高中）创建一个投资组合网页，并且我有一个名为工作的部分。在那里，我想让图像彼此并排显示（只是一些填充），然后如果您单击它们，将会有一种下拉菜单，其中图像将出现在左侧站点上，而文本则出现在右侧站点上。这也会将网页上的其余内容向下推。
一个例子？谷歌图片。如果你在某个地方搜索，比如说“google”，然后你去图片，如果你现在点击一张随机图片，就会有一个带有图片和一些文字的平滑下拉列表，网站上的其余内容是推下去。这就是我要的。只是我不知道如何获得该下拉菜单并将页面的其余部分向下推。
让图片像谷歌一样浮动没什么大不了的，这里的问题是当你点击图片时会出现下拉内容，并且内容会被下推。
我正在使用 PHP 以便能够在我想要的任何时候放入东西，但是现在获取该 imagedropdown 不在我的能力范围内。
这不一定必须在所有浏览器中工作，只要它在 webkit 和 mozilla 中工作就可以了。
有什么帮助吗？:)
你可以用 JQuery 做到这一点..
只需创建一个您想要动画的 div，不显示任何内容。
使用 Jquery 向下滑动功能
$(selector).slideDown();
和 Jquery 文档
http://api.jquery.com/slideDown/
（如果您还没有，请不要忘记先包含 JQuery）
编辑-（我真的很讨厌还不能对问题发表评论）
无论如何，在需要时将内容向下推送只需将您想要的内容包装在最小高度为 100px 的容器 div 中，然后如果该容器内的任何内容大于 100px，则 div 将增长以使其适合并将所有内容向下推。
这是一个更新的小提琴 http://jsfiddle.net/hvf7Q/1/
希望我有所帮助
让每行图像都位于类似div. 然后，下拉列表可能应该已经存在于您的 HTML 中的某个地方，并使用 jQuery（函数删除、附加、之后等）“传输”它。
可以使用其行中图像的索引来定位小三角形。如果它们是正方形更容易，否则使用 jquery width 矩形。