起因

    今天写html+css网页的时候，出现了一个div神奇般地消失，他绝对绝对不是简单的拼写的时候出现的错误，而是给我的一个教训。怎么调试css也不会出现，层级调高之后还是没有出现，就像幽灵一样。

经过

 事情大概是这样的，昨天的时候，听同学说写网页的时候先把一些块块(div 就是块块或者块，下面可能会混用，这里解释一波)先写的出来定位定好之后再进行填充细节之后就写着很舒服，然后今天来了之后背完单词之后就看开始写网页的div块块了。做事嘛，总会遇到各种各样的困难，遇到就去克服它。在最开始的时候我感觉写着还可以，但是第一个顶部导航栏还没写完，我就遇到了有我的第一个大麻烦。

    有一个div像幽灵一样消失了，我按照我的方法去检查这个情况出现的问题到底是什么。第一步，打开网页然后F12，定位到我的这个div，然后去看我设置的那个类是否作用到了这个div上面（这一步可以快速通过实际浏览器打开的网页来去测试是否有拼写，或者覆盖上的问题错误），在打开网页并用检查，看到我的 拼写没有出现错误之后，并且类名写对了，还有前面的属性也没有把我最新设置的属性压着（即为没有出现层级方面的错误）。这几大项没有出现错误之后，我就排除了这方面的错误，不在考虑命名，层级的问题。然后我就开始考虑是不是我写的属性产生了冲突，设置的几个属性方面不兼容问题。然后一顿较大的改动之后还是没用，当时总共加起来不到一百行代码，就是有幽灵事件一样出不来 ，我佛了啊。

    然后，我觉感觉是我的思路哪里可能出现了偏差，然后我就去请外援了，我们的李大佬。 李大佬来了之后也是一通死神的鬼畜操作，结果没用，我有佛了啊，然后我们的里大佬不死心，继续改我的代码又是一顿操作猛如虎之后，最后得出结论，我的命名不对，然后她就在证明给我看，随便改写一个名字，其他的什么都没改，结果那个幽灵就没有了，看到这 了，我脑子中忽然的灵光一现，---->Adblock Plus<------，我当时心中一万头羊驼在奔腾啊，还有这满脑子的草原随处可见的植物。然后，我就把我的Adblock Plus 关了，然后原来的名字也可以用了，幽灵的面纱也在我的面前暴漏了。也许写到这里的时候习惯使用插件的朋友们已经知道是怎么回事了。对就是你们想象的我的块被Adblock Plus屏蔽了。

结果分析

    没看懂的朋友们，就让我来解释一下，当时我的给那个块（div）的类名（className）是.top_ad,在正常情况下，这个命名是没有任何问题的，但是我用了一个广告屏蔽器，就是上面说的Adblock Plus 它有一些过滤规则会过滤掉你网页中含有的广告成分，然而，类名刚好就是他进行屏蔽的依据之一，而我的类名是十分的符合它屏蔽的规则（没错，我写的类名很合他的胃口）他直接就把我的快给吃了，所以就出现了今天的幽灵事件。

总结

    这也就告诉了我们，这些错误早发现的时候，我们还有能力去改变，我会去吸取这次的教训的，因为之前在看命名的时候在某一片博客上看到过类似的提醒，建议命名的时候不要去写跟广告有关的类名，否则会被屏蔽器屏蔽。

    加油吧,我们这个年纪就应该多去试错，多去踩坑，总结经验，为以后打下基础。