口诀助你轻松记住常见CSS BUG

       在学习css的过程中,浏览器不兼容是一件很折磨人的事。尤其是初学者，要记住众多的bug及其解决方法可不是一件容易的事。此时,小编想起在《新还珠格格》中，为了帮助小燕子背诵《礼运大同篇》，紫薇她们把难于记忆的冗长的文字谱为歌曲，使小燕子轻松过关。如果我们也可以这样记忆，那该多好！十分幸运的是，真让小编发现了一个关于解决CSS BUG的口诀，下面和大家分享一下。

　　一、IE边框若显若无，须注意，定是高度设置已忘记。

　　二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中。

　　三、三像素文本慢移不必慌，高度设置帮你忙。

　　四、兼容各个浏览须注意，默认设置行高可能是杀手。

　　五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览。

　　六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。

　　七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。

　　八、图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。

　　九、IE浮动双边距，请用display：inline拘。

　　十、列表横向排版，列表代码须紧靠，空隙自消须铭记。

　　这个口诀是不是朗朗上口，很好记忆？有了它，我们在进行CSS网页布局时遇到BUG，就可以对照上面的内容进行排查啦！大家速度收藏下来吧！