|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>Div Float Sample</title>
<style type="text/css">
div { padding:3px; }
.clearfloat:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.d1 { width:250px; min-height:20px; border:1px solid #00cc00;}
.d2 { width:30px; height:100%;min-height:40px; border:1px solid #0000cc; float: left; }
.d3 { width:200px; min-height:40px; border:1px solid #cc0000; float: right; }
.d4 { width:200px; min-height:40px; border:1px solid #cc0000; float: right; }
.d5 { width:200px; min-height:40px; border:1px solid #cc0000; float: right; }
</style>
</head>
<body>
<center>
<div class="d1 clearfloat">
<div class="d2"> </div>
<div class="d3"> </div>
<div class="d4"> </div>
<div class="d5"> </div>
</div>
</center>
</body>
</html>
|
