Nasıl başka bir div içinde bir div kaplaması

SORU

31 Mayıs 2010, PAZARTESİ

Nasıl başka bir div içinde bir div kaplaması

Birisi yardımcı olabilir umuduyla ama div başka bir birey üzerinde div tek tek tek kaplayarak, yardıma ihtiyacım var.

Benim kod bu gibi görünüyor:

<div class="navi"></div>
<div id="infoi"><img src="info_icon2.png" height="20" width="32"/></div>

Ne yazık ki yuvası div#infoi img, ilk içinde div.navi edemem.

Bu iki ayrı divs olarak gösterilen ama öğrenmem gerekiyor nasıl yapabilirim yerde div#infoi div.navi ve en yan ve ortalanmış üstünde div.navi.

Bu ulaşmada herhangi bir yardım seviniriz.

CEVAP

31 Mayıs 2010, PAZARTESİ

#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://appharbor.com/assets/images/stackoverflow-logo.png" height="20" width="32" />b
  </div>
</div>

position: absolute position: relative alt öğeler hakkında öğrenme öneririm.

Bunu Paylaş: