我有以下代码:
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的大小?