Ever since the blog layout was extensively redesigned two and a half years ago，I haven't made any changes since，During this time, I accidentally noticed that the first comment on the message board appears on the right，而被右邊的欄位擋住，原以為是自己當初嘗試改css時改壞的，鑑於不懂css，就讓這個狀況一直擺爛下去…
最近在公司架Joomla系統，開始試著去查詢一些css語法，慢慢發現其實也沒很難懂，幾乎都是html的語法，所以觀念很快就打通。
前兩天想起部落格的這個問題，就興起debug的念頭。經過簡單測試，發現原來這問題是當初我選擇的佈景就有問題，而不是被我改壞的，還真是點點點。
原先想說既然是留言板的問題，就從留言板的CSS參數下手，但怎麼改都沒用。剛剛做了全面性的交叉測試，終於找出問題所在，問題就出在"頁數"的css定義，這邊的定義多了一行"float: left;"，也就是文繞圖效果，導致本來應該在下一行的最新留言，"爬"上來到頁數後面，導致版面"遭精"了。
將此行刪除後，終於讓留言板恢復正常囉~
順便推薦一個很棒的css教學網站，裏面的說明、範例簡單明瞭，讚！—CSS語法教學
Leave a Reply