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

我在flex容器中有一个

div

。我需要以编程方式定位-更改

顶部

和

左侧

-和尺寸-更改

宽度

和

高度

此

div

。我该怎么做呢。Flex忽略对

顶部

和

左侧

的更改，但似乎接受对

宽度

和

高度

的更改，只有在设置div的位置时，顶部和左侧才会影响它。e、 g.如果您想将其放置在容器内，那么您可以在容器上设置position:relative，在div上设置position:absolute

---

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

我实际上找到了答案。将要交互移动的元素的容器设置为

display:block

。这将恢复默认的“非flex”上下文。

是必需的，因为HTML（布局）、CSS（flexbox）和JavaScript/jQuery（以编程方式定位）是问题的方面。添加了HTML和CSS标记，但这取决于您对JavaScript和/或jQuery的熟悉程度。@zer00ne我看不出jQuery是如何涉及的，为什么要提及它？@Kos您说，“我需要以编程方式定位…”，在anybody的世界中，JavaScript是最核心的，如果您熟悉编程的这一方面，jQuery实际上是与JavaScript相关联的标记。所以，如果你打算用Objective-C或其他东西以编程方式定位一个元素，请将其包含在你的帖子中。@Kos认为你是OP。更正：OP说，“我需要。。。更重要的是，通常会看到一篇文章专门包含或排除jQuery。@zer00ne我同意很多页面都是使用jQuery实现的，但我不同意这是新项目的任何标准。你有很多选择，如反应，角度或余烬。。。