<!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>
<style type="text/css">
.cb {clear:both;}
.fl {float:left}
.fr {float:right}
.cl {clear:left;}
.cr {clear:right;}
.s1 {border:1px solid blue ;width:200px; height:200px;}
.s2 {border:2px solid black;width:200px; height:200px;}
.s3 {border:3px solid green;width:200px; height:200px;}
.s4 {border:4px solid gray;width:200px; height:200px;}
.s5 {border:1px solid yellow;}
</style>
</head>
<body>
<div class="s5">
<div class="s1 fl cb"></div>
<div class="s2 fr cl"></div>
<div class="s2 fl"></div>
<div class="s3 cl"></div>
<div class="s4 cr"></div>
</div>
</body>
通过以上代码不断