Web设计html/css-希望构建一个包含不对齐图像的页面

大家好，我现在正在学习网页设计，我想知道在非对齐布局中显示多个不同大小的图像的最佳方式是什么

我想发布一张图片，告诉大家我想做什么，但我不能=

我在dreamweaver cs6上使用html/css

非常感谢您的帮助，谢谢

*编辑 在我问同样问题的帖子上有一张链接图片，在那里你会看到一个我试图做的例子：

更新

玩一下这个。我通过绝对定位实现了这一点。在此处了解更多信息：

还有很多教训要学

更新小提琴-

HTML

---

你想做什么？我想做一个网页，有不同大小的图片库，但不是一个接一个的联合。目标是做一些艺术性的事情。我知道如何使用div，但正如我所说的，我对网络设计是新手。我不明白为什么两人投反对票。当你问这样的问题时，你必须尽量明确你想做什么。这就是为什么stackoverflow中有一个函数来发布代码。我想这就是你被否决的原因，因为你的问题很不清楚，你没有提供任何代码。这个问题很模糊，可以更好地解释。然而，如果他被允许在不需要10次重复的情况下链接一张图片，至少我们会知道他想要实现什么。嗨，非常感谢你的重播。但是如果我能给你看一张图片作为我想做的事情的例子，那会有很大帮助，但是我不能在这里发布一张图片，因为我还没有10rep。***在这里，我把我的问题与图片链接，请检查它，你会很快理解。再次感谢你。我已经编辑了我的答案。以此为例，让它为您服务：

<div class="gallery">
<img src="http://ima.gs/50x100.png" />
<img src="http://ima.gs/50x100.png" style="bottom: 0;" />
<img src="http://ima.gs/50x20.png" style="left: 50px;" />
<img src="http://ima.gs/50x100.png" style="left: 50px; top: 20px;" />
<img src="http://ima.gs/75x80.png" style="left: 50px; top: 120px;" />
<img src="http://ima.gs/75x80.png" style="left: 100px;" />
<img src="http://ima.gs/75x40.png" style="top: 80px; left: 100px;" />
<img src="http://ima.gs/50x80.png" style="top: 120px; left: 125px;" />   
</div>

.gallery { position: relative; height: 200px; }
.gallery img { position: absolute; }