使用Flexbox，我如何以编程方式移动div？

Question

我在flex容器中有一个div。我需要以编程方式定位 - 更改top和left - 以及尺寸 - 更改width和height此div。我该怎么做呢。 Flex会忽略对top和left的更改，但似乎接受对width和height的更改。

Answer 1

只有在设置div的位置时，Top和Left才会影响它。例如如果你想把它放在容器里面那么你应该在容器上设置position：relative，在div上设置position：absolute。

然而，在flexbox项目上使用位置是不好的做法，因为flexbox允许您轻松地对齐项目本身。查看CSS Tricks flexbox指南，了解如何操作flexbox属性。

Answer 2

我实际上找到了答案。将容器设置为display:block以获取要以交互方式移动的元素。这将恢复默认的“非flex”上下文。