Question

我正在研究期刊问题的一些图形表示。我需要的是在其他DIV中使用简单的DIV（或其他）显示文本块，这与他们在问题页面上的组织方式完全相同。为此，我需要将DIV元素的坐标设置为精确数字，但与父DIV相关。有什么办法可以通过使用css或js吗？

Answer 1

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

＆＃13;

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

＆＃13;

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

＆＃13;

否则，您只需在内部元素上使用填充。

Answer 2

如果您希望div为display: block;，则可以使用简单的margin-top和margin-left来设置坐标。

让我们说（例如）你需要将div的坐标设置为＆lt; 100,50＆gt;：

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

使用js，css，html

2 个答案: