用js设置DIV中元素的坐标，css，html

Question

我正在处理期刊问题的一些图形表示。我需要的是在其他 DIV 中使用简单的 DIVs（或其他）显示文本块，完全按照它们在问题页面上的组织方式。为此，我需要将 DIV 元素的坐标设置为精确数字，但与父元素 DIV 相关。有没有办法通过使用 css 或 js 来做到这一点？

Answer 1

如果您将外部 div 设置为 position: relative，您可以将内部 div 设置为 position: absolute 并将其顶部、左侧、右侧和底部属性设置为你需要的像素。例如。

 .outer {
      position: relative;
    }

    .inner {
      position: absolute;
      top: 10px; //your coordinate
      left: 5px; //your coordinate
    }

<div class="outer">
      <div class="inner">Your content</div>
</div>

否则，您可以简单地在内部元素上使用填充。

Answer 2

如果你想让div变成display: block;，你可以使用简单的margin-top和margin-left来设置坐标。

假设（例如）您需要将 div 的坐标设置为 <100,50>:

为此，在 CSS 中设置 margin-left: 100px 和 margin-top: 50px

用js设置DIV中元素的坐标，css，html

Set coordinates of element in DIV with js, css, html

javascript

html

css

frontend

web-frontend