我正在建立一个画廊。图像被放置在一个 div 中,如果需要,可以添加水平滚动。
我想添加一个包含相关信息的 div,可以通过单击链接从屏幕外(从右侧)滑动。我设法实现了这一点,如小提琴所示:
http://jsfiddle.net/Philidor/ww34psoL/
但是我面临一个问题。我需要信息框不覆盖图像,而是“将它们移到左侧”,以便所有图片始终完全可见。同时主 div(“图库”)必须始终保持其 200px 的左边距。因此我不能将“画廊”移动到左边。
我想补充一点,我更喜欢使用水平呈现图像......
#gallery {
white-space:nowrap; }
#gallery img {
display:inline-block; }
...为了避免浮动图像,因此必须为容器设置固定宽度。但这似乎会使事情变得更加复杂。