html - 如何使在Web应用程序上创建的div出现在父容器的左上 Angular ？

我有一个允许用户创建div的矩形的Web应用程序，现在的问题是我希望创建的div始终位于其父容器的左上角，但我得到的是第一个div将在拐角处我相信它是因为我的CSS位置是相对的。但是我不能使用绝对位置，因为位置必须是相对的才能使矩形可拖动。

我已经尝试使用margin-top：0px和vertical-align：top了，但是没有用。

CSS：

 .box {
overflow: hidden;
margin: 0px;
top: 0px;
max-height: inherit;
max-width: inherit;
cursor: move;
vertical-align: top;
}
#boxContain{
position: absolute;
height: 100%;
width: 600px;
z-index: 900;
}

这些框应相互重叠，并位于父级的左上角，而不是一个在另一个下方。

最佳答案

如果我正确理解您的话，听起来所有<div>都将终止于同一父容器中。您可以调整代码以使每个<div>都拥有自己的容器吗？否则，它们可能不可能全部都集中在一个所需的位置。

关于html - 如何使在Web应用程序上创建的div出现在父容器的左上 Angular ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54175350/