第一頁如圖
第二頁如圖
問題是:
不但Pager往上跑,而且下面DIV 裏面的Pager也往上跑
查看源代碼找問題的原因:
牽扯3個DIV,分別是
.summary 第11-12條,共12條
.items 領導人的名字方框框
.pager 翻頁:前頁 1 2 後頁
仔細對照圖片1,和2 的區別,會發現這3者其實就是文檔流中按順序顯示的關係
第一頁之所以正常,是因爲正好10個框框把 pager 擠下來了
第二頁正常,因爲pager 跟到 第12個框框後面
因此,只需要改變 items DIV 的高度即可
經過調試,設爲86像素,得到了我們要得效果
同時,將下面DIV 也設置float:left ,就不會跑上來了
.pager .items .summary .view{
float:left;
}
.items{
height:86px;
}
#leaderContent{
float:left;
width:100%;
}