有人知道为什么图文列表index-panel写出来会挤在页尾上边吗，跟着老师写的，但是不能自动向下拉伸页面，找了好久没发现我的问题代码，头晕0-0

<div class="public-container index-panel">
   <div class="index-panel-header  clearfloat" >
       <h3>title</h3>
       <div class="line"></div>
       <div class="btn-group">
           <a href="" class="btn active"></a>
           <a href="" class="btn"></a>
           <a href="" class="btn"></a>
           <a href="" class="btn"></a>
       </div>
   </div>
   <div class="index-panel-body"></div>
</div>

——————————————————————

.index-panel{
   margin-top: 200px;
}

.index-panel-header h3{
   float: left;
   margin-right: 48px;
   font-size: 20px;
   color: #3b3b3b;
   font-weight: normal;
}

.index-panel-header .line{
   float: left;
   margin-top: 7px;
   width: 200px;
   border-top: 1px solid #e5e3e3;
}

.index-panel-header .btn-group{
   font-size: 0;
   float: right;
}

.index-panel-header .btn{
   display: inline-block;
   margin-left: 11px;
   width: 9px;
   height: 9px;
   background: #dedede;
   border-radius: 50%;
}

.index-panel-header .active{
   background: #9b9b9b;
}