<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>相高列表布局高度自适应</title>
<link rel="stylesheet" href="base.css" type="text/css" />
<style type="text/css">
.warp{width:1000px; margin:0 auto; background:pink; padding:10px 0;font-size:0;}
.warp .as{ margin:0 -15px 0 0;font-size:12px;}
.warp .as li{width:236px; display:inline-block;*display:inline;*zoom:1;
background:#999; margin:0 14px 10px 0;font-size:12px;vertical-align:top;
height:auto !important;
min-height:200px;
height:200px;
}
</style>
</head>
<body>
<div class="warp">
<ul class="as ClearFix">
<li><a href="#">物类之起，必有所始。荣辱之来，必象其德。肉腐出虫，鱼枯生蠹（dù）。怠慢忘身，祸灾乃作。强自取柱，柔自取束。邪秽在身，怨之所构。</a></li>
<li><a href="#">南方有鸟焉，名曰蒙鸠，以羽为巢，而编之以发，系之苇苕，风至苕折，卵破子死。巢非不完也，所系者然也。西方有木焉，名曰射干，茎长四寸，生于高山之上，而临百仞之渊，木茎非能长也，所立者然也。</a></li>
<li><a href="#">吾尝终日而思矣，不如须臾之所学也；吾尝跂而望矣，不如登高之博见也。登高而招，臂非加长也，而见者远；顺风而呼，声非加疾也，而闻者彰。假舆马者，非利足也，而致千里；假舟楫者，非能水也，而绝江河。</a></li>
<li><a href="#">物类之起，必有所始。荣辱之来，必象其德。肉腐出虫，鱼枯生蠹（dù）。怠慢忘身，祸灾乃作。强自取柱，柔自取束。邪秽在身，怨之所构。</a></li>
<li><a href="#">南方有鸟焉，名曰蒙鸠，以羽为巢，而编之以发，系之苇苕，风至苕折，卵破子死。巢非不完也，所系者然也。西方有木焉，名曰射干，茎长四寸，生于高山之上，而临百仞之渊，木茎非能长也，所立者然也。</a></li>
<li><a href="#">吾尝终日而思矣，不如须臾之所学也；吾尝跂而望矣，不如登高之博见也。登高而招，臂非加长也，而见者远；顺风而呼，声非加疾也，而闻者彰。假舆马者，非利足也，而致千里；假舟楫者，非能水也，而绝江河。</a></li>
<li><a href="#">物类之起，必有所始。荣辱之来，必象其德。肉腐出虫，鱼枯生蠹（dù）。怠慢忘身，祸灾乃作。强自取柱，柔自取束。邪秽在身，怨之所构。</a></li>
<li><a href="#">南方有鸟焉，名曰蒙鸠，以羽为巢，而编之以发，系之苇苕，风至苕折，卵破子死。巢非不完也，所系者然也。西方有木焉，名曰射干，茎长四寸，生于高山之上，而南方有鸟焉，名曰蒙鸠，以羽为巢，而编之以发，系之苇苕，风至苕折，卵破子死。巢非不完也，所系者然也。西方有木焉，名曰射干，茎长四寸，生于高山之上，而南方有鸟焉，名曰蒙鸠，以羽为巢，而编之以发，系之苇苕，风至苕折，卵破子死。巢非不完也，所系者然也。西方有木焉，名曰射干，茎长四寸，生于高山之上，而临百仞之渊，木茎非能长也，所立者然也。</a></li>
</ul>
</div>
</body>
</html>
