自兩年半前把部落格版面大幅編修後,便再也沒去改過,期間無意發現留言板的首篇留言會跑到右邊,而被右邊的欄位擋住,原以為是自己當初嘗試改css時改壞的,鑑於不懂css,就讓這個狀況一直擺爛下去…
最近在公司架Joomla系統,開始試著去查詢一些css語法,慢慢發現其實也沒很難懂,幾乎都是html的語法,所以觀念很快就打通。
前兩天想起部落格的這個問題,就興起debug的念頭。經過簡單測試,發現原來這問題是當初我選擇的佈景就有問題,而不是被我改壞的,還真是點點點。
原先想說既然是留言板的問題,就從留言板的CSS參數下手,但怎麼改都沒用。剛剛做了全面性的交叉測試,終於找出問題所在,問題就出在"頁數"的css定義,這邊的定義多了一行"float: left;",也就是文繞圖效果,導致本來應該在下一行的最新留言,"爬"上來到頁數後面,導致版面"遭精"了。
將此行刪除後,終於讓留言板恢復正常囉~
順便推薦一個很棒的css教學網站,裏面的說明、範例簡單明瞭,讚!—CSS語法教學