五月 28
這一篇是在網路上爬文後的心得，先介紹一篇值得參考的文章，有興趣的人可以先去閱讀一下：
閱讀完並實作之後，果然解決了原本苦惱中的 Firefox 和 IE6 對於 padding 的計算差異，這個問題造成網頁版面的編排無法只在最外層的 box 設定尺寸，而其內所有容器（如 div, table, ....）則採用相對尺寸來維持彈性和簡潔。
解決的關鍵在於：
- IE6已經能正確計算 box model 的尺寸了，重點是要有
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-tw">
的宣告，不然還是不行的。 - IE6 之前的瀏覽器全部忽略不計，如果畫面亂亂的，就自己去昇級吧～
所以在使用CSS設計時，一定不能忽略這個網頁設定喔。
沒有先確定瀏覽器的解譯邏輯時，真的會 debug 到死啊～
CSS是王道啦！瀏覽器和設計師要配合才對～