css bug问题是一个做前真个朋友城市遇到的问题，特别是对方才学习网页设计，做网页切片的时候是常常遇到的问题。当我们刚遇到问题的时候可能有时候会措手不及，有时候解决了一整天也解决不了，很是懊恼。当然要解决css bug问题是有一定体例可循的，比如说我们可以先找到问题的本源在哪里。下面就介绍一下找到问题本源的一些好体例。有些是我小我总结的，有些是网上查找的，希望能便利年夜家解决css bug。首先养成杰出的书写习惯，代码语意化，模块化，适合web标准。可以削减很多bug，可以为我们削减很多不需要的麻烦。我们的代码将更超卓优雅。

查抄一下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工作更顺利，生活加倍美好!