<!DOCTYPE html>
<html>
<head>
<title>基于Jquery的瀑布流布局(绝对定位)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
ul {
position: relative;
font-size: 12px;
}
p {
margin: 10px 10px;
}
p a {
text-decoration: none;
color: #0088cc;
}
p a:hover {
text-decoration: underline;
}
ul li {
width: 250px;
border: 1px solid #ccc;
border-radius: 5px;
list-style: none;
position: absolute;
margin: 10px;
height: 150px;
}
li.a {
height: 350px;
}
li.b {
height: 100px;
}
li.c {
height: 200px;
}
li.d {
height: 500px;
}
li.e {
height: 100px;
}
li.f {
height: 50px;
}
li.g {
height: 180px;