小编vde*_*ion的帖子

在不改变父 div 大小的情况下显示隐藏的子 div

我有以下代码:

function show() {
  document.getElementById("child").style.display = "block";
}
Run Code Online (Sandbox Code Playgroud)
#parent {
  background-color: orange;
  padding: 2em;
}
#child {
  background-color: pink;
  padding: 3em;
  display: none;
}
Run Code Online (Sandbox Code Playgroud)
<div id="parent" onmouseover="show()">
  <div id="child">
    Child div
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

当我将鼠标悬停在父 div 上时,父 div 的大小会发生变化。有没有办法在父div上方显示子div,而不改变父div的大小?

html javascript css

1
推荐指数
1
解决办法
1262
查看次数

标签 统计

css ×1

html ×1

javascript ×1