CSS-合理使用z-index控制盒子视轴高度，解决z-index失效

写在前面，如果你只关心正文请跳过这部分。我关于css的博客很少，首先是没有什么写静态页面的需求，其次是css总是给我一种“不可控”的感觉。比如，我写过仿知乎首页的静态页面，当时完全不知道为什么这个块“跑掉了”，就不停测试给跑掉的块加各种样式，“杀手锏”就是absolute和z-index —— x轴、y轴位置不对我就调left、top值，z轴（视轴，或者说哪个块在上面，可以直接看到）不对我就调z-index。结果用chrome一看，全是无效样式，满屏绝对定位、999的z-index，过程中我也是痛苦不堪。最近有需求写几个静态页面，就沉下心认真看了看css，今天分享的部分是如何合理使用z-index。写在前面，如果你只关心正文请跳过这部分。我关于css的博客很少，首先是没有什么写静态页