详解css中的z-index，如果都没有z-index，结果又会是怎样呢？小编带你们来看一下。
z-index box1
box2
运行结果：
由于box2在box1后面，在没有设置z-index的情况下，box2会压住box1。
接下来我们来看一下什么是从父现象？
立即学习“前端免费学习笔记（深入）”；
Document
运行结果：
广研企业网站管理系统中英文双语版
下载
v1.8新增功能简介： 一、后台新增生成网站地图和生成Sitemap.xml的功能。 二、新增下载中心功能，可在后台上传doc,xls,ppt,rar,pdf文件。 三、新增产品缩略图自动缩放功能，图片按比例缩放，解决了图片变形问题。 四、新闻、产品详细页新增了上一个、下一个的功能，改善用户体验。 五、在线客服新增了阿里巴巴贸易通在线客服。 六、可在后台设置分享代码，如百度分享和AddThis等。
这里我们设置p2的z-index小于p1的z-index，设置的p1的子元素child1的z-index大于p2的子元素child2的z-index。但最后运行的结果是child2压住child1。这就是从父现象。也就是说如果父元素被压住了。子元素也逃不了被压住的命运。无论子元素的z-index的大小。
【相关推荐】
1. 免费css在线视频教程
2. css在线手册
