瀑布流
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>瀑布流</title> <style> * { margin: 0px; padding: 0px; } li { list-style: none; } #div1 { width: 950px; height: auto; margin: 20px auto; } ul { width: 250px; float: left; } img { width: 230px; height: 150px; } </style> </head> <body> <div id="div1"> <ul> <li><img src="Scripts/img/bg.jpg" /></li> <li><img src="Scripts/img/bg.jpg" /></li> <li><img src="Scripts/img/bg.jpg" /></li> </ul> <ul> <li><img src="Scripts/img/bg.jpg" /></li> <li><img src="Scripts/img/bg.jpg" /></li> <li><img src="Scripts/img/bg.jpg" /></li> </ul> <ul> <li><img src="Scripts/img/bg.jpg" /></li> <li><img src="Scripts/img/bg.jpg" /></li> <li><img src="Scripts/img/bg.jpg" /></li> </ul> </div> </body> </html>