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

這是一種瀑布流式的布局，不貌似只能用定位+js實現(xiàn)，如果你的高度一定的話 ，你也可以只用定位來實現(xiàn)要是不高度不定，要配上js來實現(xiàn)。

這種情況用CSS來控制最合適例如你想讓初始圖片顯示為100px*100px，則 或者 當頁面中圖片非常多，且要求每張圖片的大小依據(jù)其父容器來固定怎么辦可以使用maxweightimg maxweight100% 這樣圖片會自動縮放到。

兩種方法一使用js瀑布流插件推薦masonry 二使用css3樣式 代碼如下lt！DOCTYPE HTML布局ul* 欄寬度 *webkitcolumnwidth160pxmozcolumnwidth160pxocolumwidth160pxcolumnwidth160px*。

瀑布流，好名字 不知者不怪，你說的效果，技術上叫延遲加載，百度下jquerylazyload插件就能搞定，當然也可以自己js實現(xiàn)。