Html 在CSS中将长方体放置在X和Y坐标处

假设我有一个400px宽x 400px高的容器div，我想在这个容器里放一个盒子。我有两个X坐标和Y坐标，它们应该决定盒子在容器中的位置

---

我真的不明白应该使用哪个CSS语句根据这两个参数设置位置。据我所知，我需要4个参数来将一个框放置在另一个框中：

顶部

，

左侧

，

底部

，

右侧

，我如何仅用两个参数就可以做到这一点

这里是一个将一个div放置在另一个div中的基本示例，您需要在外部div上使用position:relative，在内部div上使用position:absolute

然后，您可以使用“上/下”控制y位置，使用“左/右”控制外部div内的内部div的x位置

.outer{
位置：相对位置；
边框：1px实心#f00；
宽度：400px；
高度：400px；
}
.内部{
位置：绝对位置；
左：50px；
边框：1px实心#00f；
宽度：50px；
高度：50px；
}
.顶{
顶部：50px；
}
.底部{
底部：50px；
}

使用陀螺
使用底部

您不需要全部四个，只有上/下和左/右才足够谢谢！我现在明白了！只有一件事：在代码中使用bottom而不是top有什么区别？区别是如果我使用

top:50px

，那么内部div是从父div的

顶部向下50px，但是如果我使用
bottom:50px
，那么内部div是从父div的
底部向上50px，这同样适用于左/右。我希望这是有意义的，我编辑了我的答案，给你一个直观的想法。是的，我明白！