1、新建一个HTML文档，并定义三个块元素，示例：
<div>第一个浮动块</div>
<div class="clear">第二个浮动块（用于清除浮动）</div>
<div>第三个浮动块</div>
2、将<div>块元素定义为左浮动，示例：
<style>
div{float:left;}
</style>
3、保存以上内容，并在浏览器预览效果，三个元素，从左到右依次排列
4、<div class="clear">定义CSS，用于设置清除左浮动，则会新起一行显示，
示例：
<style>
div{float:left;}
.clear{clear:left;}
</style>
5、如果是右浮动，需要清除浮动，则需要定义清除右浮动，
<div class="clear">定义CSS，用于设置清除右浮动，则会新起一行显示，
示例：
<style>
div{float:right;}
.clear{clear:right;}
</style>
6、如果需要清除所有的浮动元素， 无论左侧右侧均不希望出现浮动原则，则可以设置clear:both;
