css的clear什么时候用 怎么用

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;