有人知道為什么圖文列表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;
}