要将一个div动态定位在另一个div下方,可以使用JavaScript和CSS来实现。以下是一个简单的示例:
<div id="sourceDiv">源div</div>
<div id="targetDiv">目标div</div>
#sourceDiv {
position: absolute;
width: 100px;
height: 100px;
background-color: red;
}
#targetDiv {
position: absolute;
width: 100px;
height: 100px;
background-color: blue;
}
const sourceDiv = document.getElementById("sourceDiv");
const targetDiv = document.getElementById("targetDiv");
const sourceRect = sourceDiv.getBoundingClientRect();
const targetRect = targetDiv.getBoundingClientRect();
sourceDiv.style.top = targetRect.bottom + "px";
sourceDiv.style.left = targetRect.left + "px";
这样,源div就会动态定位在目标div的下方。
推荐的腾讯云相关产品和产品介绍链接地址:
这些产品都可以与其他腾讯云产品结合使用,以满足不同的业务需求。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云