                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

bottom：0；

和

top：100%

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

银翼小怪兽

2018-06-02

源自：初识HTML(5)+CSS(3)-升级版 13-9

关注问题我要回答

1584

操作

收起

2 回答

狩叟回答被采纳 +2 积分
2018-06-16

在这题中 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%;