Clear标签

Clear:清除浮动元素

1. 可让非块状标签换行；
2. 可清除浮动效果

效果1:让非块状标签出现换行效果

<img src="images/movie1.jpg" alt="1"/>
<div class="clear"></div>
<img src="images/movie.jpg" alt="0" />

 

效果2：清除浮动效果，并让父Div被子Div撑开

<style type="text/css">
.con_left{ float:left; height:50px; border:1px #0F0 solid}
.con_center{ float:left; height:50px; border:1px #0F0 solid}
.con_right{ float:left; height:50px; border:1px #0F0 solid}
.clear{ clear:both;}
</style>

<div class="con">
<div class="con_left">1</div>
<div class="con_center">2</div>
<div class="con_right">3</div>
<div class="clear"></div>
</div>