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

来源:13-9 Relative与Absolute组合使用

银翼小怪兽

2018-06-02 15:34

bottom:0;

top:100%

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

写回答 关注

2回答

  • 狩叟
    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%;

    银翼小怪兽 回复狩叟

    嗯呢谢谢啦

    2018-07-16 10:35:03

    共 2 条回复 >

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

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225812 学习 · 18234 问题

查看课程

相似问题