为了账号安全,请及时绑定邮箱和手机立即绑定

为什么这个盒子不在图片上面显示呢,反而不见了

spacer.gifspacer.gifspacer.gif为什么这个盒子不在图片上面显示呢,反而不见了

https://img1.sycdn.imooc.com//5d6bc3e500011dc719120760.jpghttps://img1.sycdn.imooc.com//5d6bc3e400012bb707630454.jpghttps://img1.sycdn.imooc.com//5d6bc3e40001686009510220.jpg

正在回答

2 回答

<img>标签为行级元素,<div>为块级元素,行级元素不能包裹块级元素。如果想要<div>中内容在图片上显示,需要用到绝对定位。

{
    position: absolute; /*绝对定位*/
    top: 0;
    left: 0;
}


0 回复 有任何疑惑可以回复我~

之前理解错了,<img>标签是空标签,不允许放其他子级内容的。

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/imghttp://img1.sycdn.imooc.com//5d87446c0001007206850257.jpg

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么这个盒子不在图片上面显示呢,反而不见了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信