银翼小怪兽
2018-06-02 15:34
bottom:0;
和
top:100%
为什么第一个可以。第二个反而让图片隐藏了一部分??图片下方全变成了文字,并不是镶嵌。
在这题中 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%;
div{border:1px red solid;} 这个里面设置了高度文字也有高度。 改成:top:89%就可以完成效果。
初识HTML(5)+CSS(3)-升级版
1225812 学习 · 18234 问题
相似问题