【问题标题】:how to display popup beside link如何在链接旁边显示弹出窗口
【发布时间】:2026-01-10 04:35:01
【问题描述】:

我的 DIV 有这个 CSS 设置:

<div style="width: 380px; background: #fff; margin: 0 auto; position:relative; margin-top: 200px;">...</div>

当我点击链接时,上面的DIV就会显示出来。我不喜欢的 - 它总是显示在浏览器的同一个地方。但是我想在链接旁边显示这个DIV,例如10px,我点击了。

谁能帮帮我,怎么办?

【问题讨论】:

  • 如果我做对了,您将需要 Javascript 来执行此操作。

标签: html css position absolute


【解决方案1】:
<a href="">Link to popup</a>
<div style="display:inline; margin-left:10px;">…</div>

这么简单的东西能行吗?

否则,您可以尝试包装链接和 div,将包装 div 设置为 position:relative; 并将 div 定位为 position:absolute;

如果有帮助,我也可以为您演示。

【讨论】: