ある個人をdiv別の個人の上に重ねる際にサポートが必要ですdiv。
私のコードは次のようになります:
<div class="navi"></div>
<div id="infoi">
<img src="info_icon2.png" height="20" width="32"/>
</div>
残念ながら、最初の 内にdiv#infoiまたは をネストすることはできません。imgdiv.navi
図に示すように、 を 2 つの別々の にする必要がありますが、を の上、右端に、 の上部中央にdiv配置する方法を知る必要があります。div#infoidiv.navidiv.navi
ベストアンサー1
#container {
width: 100px;
height: 100px;
position: relative;
}
#navi,
#infoi {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#infoi {
z-index: 10;
}<div id="container">
<div id="navi">a</div>
<div id="infoi">
<img src="https://stackoverflow.design/assets/img/logos/so/logo-stackoverflow.png" height="20" width="32" />b
</div>
</div>position: relativeと子要素について学習することをお勧めしますposition: absolute。