一个简单的问题求教

.blank10{height:10px;overflow:hidden;background:#000;}.clear{clear:both;height:0px;overflow:hidden;}
和.clear{clear:both;height:0px;overflow:hidden;}
.blank10{height:10px;overflow:hidden;background:#000;}
麻烦解释一下这两者为什么在运用<div class="blank10 clear">时产生不同的效果？