2015-12-21 17:04:22 DIV CSS布局口诀经验
如果在用CSS布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？
一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。
七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。
八、图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。
九、IE浮动双边距，请用display:inline拘。
十、列表横向排版，列表代码须紧靠，空隙自消须铭记。
终结经验：
为了兼容各大浏览器尽量少用带数值margin样式，使用margin:0 auto不受约束，要使用margin实现两个DIV布局间隔，可以多用一个DIV使用padding来实现，虽然多用一层DIV但是不用担心各大浏览器兼容问题。
只要你CSS开发结构语法正确做好以上这点就会兼容无忧。