问答详情
源自:7-7 CSS3选择器 ::before和::after

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

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

提问者:慕粉3912334 2016-09-11 13:07

个回答

  • 余玉婷
    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的值就会跑到上面来了