javascript - 如何在不使用绝对位置的情况下将 html 控件动态放置到具有 x、y 位置的 div 中

标签 javascript jquery asp.net html css

如何在不使用绝对位置的情况下将 HTML 控件动态放置到具有 x、y 位置的 div 中?

我在 ASP.NET 中使用具有绝对位置的 x、y 位置动态生成 HTML 控件。我有两个文件,我在其中放置了两个不同的 div,我用生成的 div 填充 div 的内容,但是由于绝对位置,它放置了相对于该页面的控件,而不是 div。

我想要 div 内的确切位置,而不是页面。

例如,如果我使用 absolute 将顶部设置为 20px,将左侧设置为 40px,则控件应从 div 内的相同位置开始,但它会将控件放置在页面上。

请帮助我将控件放置在具有 x,y 位置的 div 本身中,而不使用绝对位置。

最佳答案

要通过指定lefttop 像素距离来放置元素,您必须使用绝对 定位。但是,听起来您希望这个位置是相对于包含元素的,而不是文档的主体。如果是这种情况,请将包含元素设为 position: relative

Example fiddle

关于javascript - 如何在不使用绝对位置的情况下将 html 控件动态放置到具有 x、y 位置的 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9701355/

相关文章:

javascript - 来自 Fauna DB 的逆向数据

javascript - 使用 JavaScript 进行搜索的正确正则表达式

javascript - 如何使用 JS 或 JQuery/JS 框架通过所有浏览器选项卡发送信号(触发事件)?

jQuery 或 CSS - 以另一个 div 的中心为中心放置一个 float 的 div

asp.net - 如何正确表示 Microsoft Graph 的事件对象?

javascript - 如何组合两个具有相同属性的对象-Javascript

javascript - lambda 函数的简单全局状态

JQuery 只异步加载文档的一部分

c# - ASPNET 5 项目无法找到在引用的 DLL 中使用的端点配置 (ServiceModel)

asp.net - wkhtmltopdf 登录asp.net web app