终于完成了页面代码的编写。师傅叫我现在开始调浏览器的兼容性。在火狐和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;