一、border 的特殊性？
（1）border-width却不支持百分比。
（2）border-style的默认值是none，有一部分人可能会误以为是solid。这也是单纯设置border-width或border-color没有边框显示的原因。
（3）border-style:double的表现规则：双线宽度永远相等，中间间隔±1。
（4）border-color默认颜色就是color色值。
（5）默认background背景图片是相对于padding box定位的。
二、absolute 与 overflow 的关系？
（1）如果overflow不是定位元素，同时绝对定位元素和overflow容器之间也没有定位元素，则overflow无法对absolute元素进行剪裁。
（2）如果overflow的属性值不是hidden而是auto或者scroll，即使绝对定位元素高宽比overflow元素高宽还要大，也都不会出现滚动条。
（3）overflow元素自身transform的时候，Chrome和Opera浏览器下overflow剪裁是无效的。
三、什么是层叠上下文？
层叠上下文，英文称作stacking context，是HTML中的一个三维的概念。如果一个元素含有层叠上下文，我们可以理解为这个元素在z轴上就“高人一等”。
层叠上下文元素有如下特性：
（1）层叠上下文的层叠水平要比普通元素高（原因后面会说明）。
（2）层叠上下文可以阻断元素的混合模式。
（3）层叠上下文可以嵌套，内部层叠上下文及其所有子元素均受制于外部的“层叠上下文”。
（4）每个层叠上下文和兄弟元素独立，也就是说，当进行层叠变化或渲染的时候，只需要考虑后代元素。
（5）每个层叠上下文是自成体系的，当元素发生层叠的时候，整个元素被认为是在父层叠上下文的层叠顺序中。
层叠上下文的创建：（1）页面根元素天生具有层叠上下文，称为根层叠上下文。根层叠上下文指的是页面根元素，可以看成是<html>元素。因此，页面中所有的元素一定处于至少一个“层叠结界”中。
（2）对于position值为relative/absolute以及Firefox/IE浏览器（不包括Chrome浏览器）下含有position:fixed声明的定位元素，当其z-index值不是auto的时候，会创建层叠上下文。Chrome等WebKit内核浏览器下，position:fixed元素天然层叠上下文元素，无须z-index为数值。根据我的测试，目前IE和Firefox仍是老套路。
（3）其他一些CSS3属性，比如元素的opacity值不是1。
四、什么是层叠水平？
层叠水平，英文称作stacking level，决定了同一个层叠上下文中元素在z轴上的显示顺序。
显而易见，所有的元素都有层叠水平，包括层叠上下文元素，也包括普通元素。然而，对普通元素的层叠水平探讨只局限在当前层叠上下文元素中。
五、元素的层叠顺序？
层叠顺序，英文称作 stacking order，表示元素发生层叠时有着特定的垂直显示顺序。
21万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
