<!DOCTYPE htmlPUBLIC "-//W3C//DTDXHTML 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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
ul, li { list-style:none; padding:0; }
ul { width:500px; height:300px; margin:50 auto; background:#CCC }
li {
float:left;
height:30px;
line-height:30px;
margin-left:10px;
background:#E6E6E6;
margin-bottom:10px;
}
.li1 { width:240px; }
.li2 { width:240px; height:70px; float:right;}
.li3 { width:240px; }
p { margin:10px auto; }
</style>
</head>
<body>
<ul>
<li class="li1">第一个li宽240px</li>
<li class="li2">第二个li宽240px</li>
<li class="li3">第三个li宽240px</li>
</ul>
<p>li浮动,然后设置li宽度。上面两个li加起来宽度小于ul宽度,三个li加起来宽度大于ul宽度</p>
</body>
</html>