div外面的div高度不正常？

<style> .classContainer{border-bottom:1px dotted #EDEDED;padding:15px 0 0 15px;width:700px;*display:inline;*float:left;background-color:#00FFFF;} .topCatalog{padding:0 15px;margin-right:15px;font-size:14px;font-weight:bold;width:60px;background-color:#ccc;text-align:center;height:28px;padding-top:12px;float:left;} </style> <div class="class="catelist"> <div class="classContainer"> <div class="topCatalog"> 一级分类 </div> <div class="smallClass"> <div class="smallClassCotainer"> <div class="secCatalog"> 二级分类 </div> <div class="trdCatalog"> 小类小类小类小类小类小类小类小类小类小类小类 </div> </div> </div> </div> </div>
 提示：您可以先修改部分代码再运行

class.JPG (17.18 KB)