检查一下html标签是否闭合，单词拼写是否出错 这一条可不可小觑啊，有时候折腾了你一天的问题可能就是在这里。而且这种错误对于新手来说可能会比较常有，对于做了一段时间的前端朋友可能也会有这问题。所以写代码时要认真才行。我平时都是用Dreamweaver写代码的，所以这有个快捷方式：一般没有闭合的标签，会有黄色背景高亮。检查css拼写是否出错呢，Dreamweaver也有个功能，就是当你开了代码提示的时候，写错css代码的话，他是不会出现代码提示的。
排除法 当我们新建了比较多的css文件的时候，需要用到排除法，逐个的去排除CSS文件，从而找到bug相对应的文件，缩小范围。这方法是比较常用的。
背景边框调试法 所谓的背景边框调试法，就是把元素的边框或背景设置成显眼的颜色，可以让你很好的区分开页面结构布局，从而进行调试。可以快速的定位bug的区域是来自哪一块。
检查是否清除浮动 有很多css问题是因为容器设置了浮动，造成页面出现错位。在页面上看上去是很恐怖的，因为跟自己想要的效果相差有时候会很大。但是不用紧张，这可能是因为没有清除浮动造成的。清除浮动的方法有很多。 这方法比较多人推荐使用： .clearfix:after{content:”.”; display:block; height:0; clear:both; visibility:hidden; text-align:center}.clearfix{display:inline-block;}* html .clearfix{height:1%}.clearfix{display:block;} .clearfix:after{content:”.”; display:block; height:0; clear:both; visibility:hidden; text-align:center} .clearfix{display:inline-block;} * html .clearfix{height:1%}.clearfix{display:block;}笔者比较常使用的是clear:both当然还是推荐大家使用clearfix方法吧。
检查ie下面的haslayout IE看到ie两个字就会想到IE6还有BUG，不知你们会不会?很多IE下复杂的BUG都跟haslayout有关联。远离bug工作更顺利，生活更加美好.