今天我们来唠一唠改bug。（文章穿插一点markdown标签语言）

##文档里不易察觉的小细节导致的bug （这一类新手极容易犯）

1.标点符号不是在半角状态下输入的（也就是说不是在英文状态下输入）。

2.漏写符号，例如 color：red；漏掉最后的分号。

3.固定格式写错，例如 media='only screen and (min-width:300px)' 这里的and与（）之间必须空格，否则运行出错。

4.如果用了id选择器，给这个标签添加样式的时候css表里面必须格式：#id名，而不是常用的.

##层级结构错误

-漏掉起始标签或者结束标签，所以发生bug时建议检查梳理一下层级结构。

+css样式表如果用了less来写也要特别注意层级结构的梳理。

*如果标签使用了float（浮动）或者position（定位），层级高半层，脱离文档流，这时候就要注意，下面继续添加标签就会是接着上面正常文档流的标签排布，建议慎用脱离文档流的布局方式。大部分情况可以用display属性改变布局，又不会脱离文档流。当然都是可以用的，具体看实际情况。

【好习惯=好技术，代码的层级结构一定要清晰，可阅读性强，如此可有效避免层级结构性bug】

作者：html_dingling
链接：https://www.jianshu.com/p/4d89534d0ede