CSS 中的层叠和块级格式化上下文

关于 CSS，有几个重要概念是进阶绕不去的，包括层叠上下文 (Stacking Context)、层叠等级 (Stacking Level)、层叠顺序 (Stacking Order)、z-index、块级格式化上下文（BFC，Block Formatting Context）。

这些概念共同决定了 DOM 元素被浏览器渲染出来的堆叠顺序，理解这个过程对实战开发至关重要，有助于我们解决很多 CSS 里的奇怪问题，比如明明 z-index 设置的很大，还是被其他元素覆盖。

本场 Chat 您将学到以下内容：

1. 何为层叠上下文、层叠等级、层叠顺序、z-index、BFC；
2. 三种文档流的定位方案；
3. BFC 的作用和 DEMO 代码；
4. 结合以上概念，探讨 DOM 元素在浏览器中的堆叠原理。

阅读全文: http://gitbook.cn/gitchat/activity/5d3015d7b67db0371a5d141b

您还可以下载 CSDN 旗下精品原创内容社区 GitChat App ，阅读更多 GitChat 专享技术内容哦。