Yii_CListView的Pager錯亂CSS

第一頁如圖

第二頁如圖



問題是:

不但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%;
}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章