1、z-index=数字
z轴的值，当几个div重叠时，z-index数字越大的，越在上面
2、overflow：hidden（超过部分隐藏）/auto（超过时出现滚动框）/scroll（一直有滚动条）
3、浏览器兼容性问题：
（1）兼容性问题：不同的浏览器基于不同的内核，对一些前端代码支持不一样，导致显示效果不一样
（2）测试的各大浏览器：IE7-IE11（可使用IETester,不考虑IE6）、Opera、Safari、Chrome、Firefox
（3）关于兼容性非常好的介绍文章：http://www.cnblogs.com/zhutianxiang/archive/2012/01/19/2320349.html
4、上下块级元素margin重合：以较大值为准，相当于两者重叠了（左右不受影响）
5、上下块级元素和行内元素margin重合：可在行内元素display设置为block。 { display:block; }
6、超链接样式：
a:link 平时的链接样式
a:visited 已访问过的链接样式
a:hover 鼠标放上去时的样式
a:active 鼠标点击时的样式
必须按照以上顺序放（lvha）才会有正常的效果
7、块级元素不靠边：*{ marin:0px; padding:0px}
8、ul在不同浏览器靠边问题：在IE中，ul的默认边距是margin，在Firefox中，ul的默认边距是padding，所以设置时
9、行内元素的上下margin撑不开自己所在的块级元素的高度：需在行内元素上下各加一个<div style="height:0px;overflow:hidden"></div>辅助撑开
2015.7.13 第五课 课程重点（z-index、overflow、浏览器兼容性）
原文：http://www.cnblogs.com/marchtree/p/4644298.html