问答详情
源自:13-9 Relative与Absolute组合使用

关于让文字嵌入图片下方::::

bottom:0;

top:100%

为什么第一个可以。第二个反而让图片隐藏了一部分??图片下方全变成了文字,并不是镶嵌。

提问者:银翼小怪兽 2018-06-02 15:34

个回答

  • 狩叟
    2018-06-16 14:14:53
    已采纳

    在这题中 box4是绝对定位absolute,离他最近的position为相对定位relative的前辈元素是box3,所以我们我们可以知道box4是相对于box3为参照元素进行相对定位的,你把top设置成100%,box3自然只能在box4下方而不能镶嵌在box4里面了。因为top:100%;相当于top:200px; 如果还不理解的话,你可以自己通过不断t调整top的百分比值或像素大小来观察。

    例如    top:0;    top:10px;    top:20px;    top:50px;    top:70px;    top:150px;    top:200px;

            top:0%;    top:10% ;   top:30%;    top:40%;    top:70%    top:100%    top:150%;

  • 慕沐0262183
    2018-06-02 18:48:19

    div{border:1px red solid;}   这个里面设置了高度文字也有高度。   改成:top:89%就可以完成效果。