.effect::after是在div的后面插入内容，为何通过定位后会显示在div里面？
来源：7-7 CSS3选择器 ::before和::after
慕粉3912334
2016-09-11 13:07
绝对定位可以设置top ，bottom, left, right ??
写回答
关注
3回答
-
- 余玉婷
- 2016-09-12 14:41:27
.effect::after
虽然是在类名为effect的盒子后面插入内容，但对插入的内容设置了绝对定位后插入的内容就脱离了标准文档流，就会相对于设置了relative定位的父元素进行定位，可以通过设置top、bottom、left、right进行定位，视觉上你会感觉定位后会显示在div里面，但其实他们两者不再一个平面上
-
- 不二周助爱萌猫3365373
- 2016-11-03 13:49:26
其实有一个误区，div：after,div:before是插入到了div的内容后面，不是插到了整个div的后面，你可以自己试试，是插入了一段内容在div里面，所以绝对定位的限定范围在设置了relative的div里面
-
- Sofronia3427947
- 2016-10-13 21:59:27
因为设置z-index负值 层叠关系是在块状元素下面 所以显示在里面 你给z-index设置大于0的值就会跑到上面来了
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242554 学习 · 2623 问题
相似问题