为了账号安全,请及时绑定邮箱和手机立即绑定

.effect::after是在div的后面插入内容,为何通过定位后会显示在div里面?

绝对定位可以设置top ,bottom,  left,  right ??

正在回答

3 回答

.effect::after

虽然是在类名为effect的盒子后面插入内容,但对插入的内容设置了绝对定位后插入的内容就脱离了标准文档流,就会相对于设置了relative定位的父元素进行定位,可以通过设置top、bottom、left、right进行定位,视觉上你会感觉定位后会显示在div里面,但其实他们两者不再一个平面上

2 回复 有任何疑惑可以回复我~
#1

慕粉3912334 提问者

非常感谢!
2016-10-14 回复 有任何疑惑可以回复我~

其实有一个误区,div:after,div:before是插入到了div的内容后面,不是插到了整个div的后面,你可以自己试试,是插入了一段内容在div里面,所以绝对定位的限定范围在设置了relative的div里面

1 回复 有任何疑惑可以回复我~

因为设置z-index负值  层叠关系是在块状元素下面 所以显示在里面   你给z-index设置大于0的值就会跑到上面来了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

.effect::after是在div的后面插入内容,为何通过定位后会显示在div里面?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信