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

Question

我在 flex 容器中有一个 div。我需要以编程方式定位 - 更改 top 和 left - 和大小 - 更改 width 和 height 这个 分区。我该怎么做呢。 Flex 忽略对 top 和 left 的更改，但似乎确实接受对 width 和 height 的更改。

Answer 1

只有在设置 div 的位置时，Top 和 Left 才会影响它。例如如果您想将其放置在容器内，则可以在容器上设置 position: relative 并在 div 上设置 position: absolute。

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