要用JS，瀑布流可能就是你想要的效果，你可以看看这个demo 1306html。

这是一种瀑布流式的布局，不貌似只能用定位+js实现，如果你的高度一定的话 ，你也可以只用定位来实现要是不高度不定，要配上js来实现。

这种情况用CSS来控制最合适例如你想让初始图片显示为100px*100px，则 或者 当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办可以使用maxweightimg maxweight100% 这样图片会自动缩放到。

两种方法一使用js瀑布流插件推荐masonry 二使用css3样式 代码如下lt！DOCTYPE HTML布局ul* 栏宽度 *webkitcolumnwidth160pxmozcolumnwidth160pxocolumwidth160pxcolumnwidth160px*。

瀑布流，好名字 不知者不怪，你说的效果，技术上叫延迟加载，百度下jquerylazyload插件就能搞定，当然也可以自己js实现。