before和after的问题

来源:1-6 after与before讲解

王王王正中

2017-09-03 20:52

div盒子的高度是200px,盒子里面的h1的高度等于200px,插在后面被挤下来我可以理解,为什么用before插在前面会在盒子里面,照道理来说应该在盒子外的上面呀,谁可以解答一下!!!!

http://www.imooc.com/video/5865

这个视频里的

写回答 关注

3回答

  • 慕数据7448752
    2022-03-31 14:15:17

    看不懂;

    http://www.narkii.com/eye/ndsques_vq-1755629.html
    http://www.narkii.com/eye/ndsques_vq-1755956.html
    http://www.narkii.com/eye/ndsques_vq-1755984.html
    http://www.narkii.com/eye/ndsques_vq-1756003.html
    http://www.narkii.com/eye/ndsques_vq-1756029.html
    http://www.narkii.com/eye/ndsques_vq-1756051.html
    http://www.narkii.com/eye/ndsques_vq-1756072.html
    http://www.narkii.com/eye/ndsques_vq-1756096.html
    http://www.narkii.com/eye/ndsques_vq-1756115.html
    http://www.narkii.com/eye/ndsques_vq-1756145.html
    http://www.narkii.com/eye/ndsques_vq-1756165.html
    http://www.narkii.com/eye/ndsques_vq-1756184.html
    http://www.narkii.com/eye/ndsques_vq-1756209.html
    http://www.narkii.com/eye/ndsques_vq-1756232.html
    http://www.narkii.com/eye/ndsques_vq-1756257.html
    http://www.narkii.com/eye/ndsques_vq-1756281.html
    http://www.narkii.com/eye/ndsques_vq-1756308.html
    http://www.narkii.com/eye/ndsques_vq-1756333.html
    http://www.narkii.com/eye/ndsques_vq-1756358.html
    http://www.narkii.com/eye/ndsques_vq-1756382.html
    http://www.narkii.com/eye/ndsques_vq-1756412.html
    http://www.narkii.com/eye/ndsques_vq-1756436.html
    http://www.narkii.com/eye/ndsques_vq-1756452.html
    http://www.narkii.com/eye/ndsques_vq-1756473.html
    http://www.narkii.com/eye/ndsques_vq-1756498.html
    http://www.narkii.com/eye/ndsques_vq-1756519.html
    http://www.narkii.com/eye/ndsques_vq-1756543.html
    http://www.narkii.com/eye/ndsques_vq-1756563.html
    http://www.narkii.com/eye/ndsques_vq-1756585.html
    http://www.narkii.com/eye/ndsques_vq-1756609.html
    http://www.narkii.com/eye/ndsques_vq-1756634.html
    http://www.narkii.com/eye/ndsques_vq-1756655.html
    http://www.narkii.com/eye/ndsques_vq-1756675.html
    http://www.narkii.com/eye/ndsques_vq-1756701.html
    http://www.narkii.com/eye/ndsques_vq-1756722.html
    http://www.narkii.com/eye/ndsques_vq-1756741.html
    http://www.narkii.com/eye/ndsques_vq-1756765.html
    http://www.narkii.com/eye/ndsques_vq-1756786.html
    http://www.narkii.com/eye/ndsques_vq-1756810.html
    http://www.narkii.com/eye/ndsques_vq-1756838.html
    http://www.narkii.com/eye/ndsques_vq-1756859.html
    http://www.narkii.com/eye/ndsques_vq-1756881.html
    http://www.narkii.com/eye/ndsques_vq-1756909.html
    http://www.narkii.com/eye/ndsques_vq-1756931.html
    http://www.narkii.com/eye/ndsques_vq-1756953.html
    http://www.narkii.com/eye/ndsques_vq-1756979.html
    http://www.narkii.com/eye/ndsques_vq-1757005.html
    http://www.narkii.com/eye/ndsques_vq-1757027.html
    http://www.narkii.com/eye/ndsques_vq-1757052.html
    http://www.narkii.com/eye/ndsques_vq-1757077.html
    http://www.narkii.com/eye/ndsques_vq-1757100.html
    http://www.narkii.com/eye/ndsques_vq-1757121.html
    http://www.narkii.com/eye/ndsques_vq-1757138.html
    http://www.narkii.com/eye/ndsques_vq-1757158.html
    http://www.narkii.com/eye/ndsques_vq-1757184.html
    http://www.narkii.com/eye/ndsques_vq-1757200.html
    http://www.narkii.com/eye/ndsques_vq-1757215.html
    http://www.narkii.com/eye/ndsques_vq-1757237.html
    http://www.narkii.com/eye/ndsques_vq-1757258.html
    http://www.narkii.com/eye/ndsques_vq-1757280.html
    http://www.narkii.com/eye/ndsques_vq-1757303.html
    http://www.narkii.com/eye/ndsques_vq-1757323.html
    http://www.narkii.com/eye/ndsques_vq-1757345.html
    http://www.narkii.com/eye/ndsques_vq-1757366.html
    http://www.narkii.com/eye/ndsques_vq-1757386.html

  • 慕斯8234454
    2020-05-18 15:19:48

    伪元素的content 一定会在元素内容前后,试着把<h1>shadow effect</h1>给隐藏掉后,伪元素的content 会挨着一起.如下图.
    http://img.mukewang.com/5ec237040001e65a07280324.jpg

  • 慢l慢
    2017-09-06 18:45:49

    before在div里面,h1的外面(前面)。你给div和h1都加上边框border就可以理解了。它是div的子元素,h1的兄弟元素。

CSS3实现“图片阴影”效果

利用多投影重叠的原理,实现曲线阴影与翘边阴影的效果

34769 学习 · 62 问题

查看课程

相似问题