前端奇怪问题的解决方法

1、所有相邻的div之间总是空了一些距离，检查没有任何margin和padding。最终发现是有一个多余的未配对大括号引起。
2、header与footer无法设置height，最终发现是多处设置同一个元素导致规则冲突。
3、em与px换算有问题。在360浏览器中，如果font-size设置为比12px小的数，那么子节点1em就是12px。
4、当基于em而不是px来设置高度的时候，最好父级不要设置高度而是由子级把自己的高度撑起来。叶子节点设置高度时要注意em单位是父级的font-size而不是本级的。