終於完成了頁面代碼的編寫。師傅叫我現在開始調瀏覽器的兼容性。在火狐和chrome中都顯示的好好的頁面，在ie8中就開始顯示不行了。調試的最好方法就是逐步審查，用排除法。
首先，在ie中貌似對標簽是否完整有要求。當筆者就是在某個地方<a>標簽不完整導致div快顯示有問題。所以在ie調試之前先審查自己的標簽。
其次，建議先從高版本的瀏覽器進行調試。
最后，常見的問題：
1.fixed元素
當我上面一個標簽使用了fixed屬性時，相鄰的標簽用margin這個屬性與其保持間距就會失效。
解決方案：1.使用padding;2.另外添加一個空的塊級元素或者擁有內容的內聯元素。
2.inline-block；
使用了inline-block在ie7以及以下就會產生問題。
解決方案：可能兩個inline-block元素之間會產生空格。
可能在ie中寬度會發生變化，可以取代inline-block而去使用float達到相同效果，或者采用絕對定位：position：absolute;