如何提升我的div内溢-x:auto;?

时间:2018-05-04 13:51:17

标签: javascript html css

如何展示我的div inner overflow scroll?我需要展示这个div。我确定了绝对位置z index,但没有显示div。它显示内部父div。谁来帮帮我?非常感谢:)

    <div class="otobus_alan">
  <div class="otobus">
    <a href="" class="koltuk">Koltuk
    <div class="ekstra_div">
        Test
    </div>
    </a>

  </div>
</div>

    .otobus_alan {
  width:600px;
  height:200px;
  overflow-x:auto;
  position:relative;
  margin-top:100px;
  z-index:1;
}
.otobus {
  float:left;
  display:block;
  width:1000px;
  height:180px;
  background:red;
  position:relative;
  z-index:1;

}

.ekstra_div {
  position:absolute;
  display:none;
  z-index:2;
  padding:25px;
  background:blue;
  width:50px;
  height:50px;
  top:-40px;
  left:100px;
}

.koltuk {
  float:left;
  background:white;
}
.koltuk:hover .ekstra_div {
    display:block;
}

https://codepen.io/musti_nation/pen/RyZBoe

0 个答案:

没有答案