<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8"/>
<title>如何在html中使用clearfix和clear</title>
<style type="text/css">
.clearfix { zoom: 1; display: table; 100%; }
.fl{float:left;}
.demo{background:#ccc;}
.item1{background:#f90;height:100px;100px;}
.item2{background:#fc0;height:200px;100px;}
</style>
</head>
<body>
<h2>用 clearfix 清除浮动</h2>
<div class="clearfix demo">
<div class="fl item1"></div>
<div class="fl item2"></div>
</div>
</body>
</html>