如何将一个div覆盖在另一个div上

我需要帮助将一个人的div覆盖在另一个人的div

我的代码如下所示:

<div class=“navi”&gt&lt/部门>
<div id=“infoi”>
<img src=”https://stackoverflow.com/questions/2941189/info_icon2.png“height=“20”width=“32”/>
&lt/部门>

不幸的是,我无法将div#infoiimg嵌套在第一个div.navi

它必须是两个独立的divs,如图所示,但我需要知道如何将div#infoi放置在div.navi上方,并放置在div.navi顶部的最右侧

#容器{
宽度:100px;
高度:100px;
位置:相对位置;
}
#纳维,
#信息{
宽度:100%;
身高:100%;
位置:绝对位置;
排名:0;
左:0;
}
#信息{
z指数:10;
}
<div id=“容器”>
<div id=“navi”>a&lt/部门>
<div id=“infoi”>
<img src=”https://appharbor.com/assets/images/stackoverflow-logo.png“height=“20”width=“32”/>B
&lt/部门>
&lt/部门&gt

我建议学习position:relative和带有position:absolute的子元素

发表评论