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

【问题标题】：How to Place html controls dynamically in to a div with x,y positions without using absolute as position如何在不使用绝对位置的情况下将 html 控件动态放置到具有 x,y 位置的 div 中
【发布时间】：2012-03-14 11:47:26
【问题描述】：

如何将 HTML 控件动态放置到具有 x,y 位置的 div 中，而不使用绝对位置？

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

我想要 div 它自己而不是页面中的确切位置。

例如，如果我将 top 设为 20px，left 设为 40px，absolute，则控件应从 div 内的相同位置开始，但它会将控件与 page 放在一起。

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

【问题讨论】：

在这里发布一些代码。请帮助我们为您提供帮助。

标签： javascript jquery asp.net html css

【解决方案1】：

要通过指定left 和top 像素距离来放置元素，您必须使用absolute 定位。但是，听起来您希望此位置相对于包含元素，而不是文档的正文。如果是这种情况，请将包含元素设为position: relative。

Example fiddle

【讨论】：

【解决方案2】：

听起来 Rory 让您满意，但如果您不希望控件从布局中移除，您可以尝试使用 margin-left 和 margin-top。

Example jsFiddle

【讨论】：