Verwenden Sie die CSS-Eigenschaften position und z-index
Setzen Sie zunächst das Attribut des zweiten Elements div auf oder . Dadurch wird das Element zu einem positionierten Element, sodass untergeordnete Elemente relativ dazu positioniert werden können. positionrelativeabsolute
Setzen Sie dann das Attribut des Elements div, das angehalten werden soll, auf und legen Sie fest < Der Wert des a i=4>-Attributs ist größer als der Wert des zweiten -Elements. positionabsolutez-indexdiv
Im folgenden Beispiel ist beispielsweise das -Attribut des zweiten div-Elements auf gesetzt und soll schwebend sein. Das Attribut des Elements ist auf und das Attribut gesetzt wird auf den Wert ： gesetztpositionrelativedivpositionabsolutez-index1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div style="position: relative; width: 200px; height: 200px;
background-color: lightgray;">
<p>这是第二个 div 元素</p>
</div>
<div style="position: absolute; z-index: 2; top: 50px; left: 50px;
width: 100px; height: 100px; background-color: red;">
<p>这是要悬浮的 div 元素</p>
</div>
</body>
</html>