Flexboxを使用して、プログラムでdivを移動するにはどうすればよいですか？

Question

フレックスコンテナ内にdivがあります。プログラムで配置する必要があります。topとleftを変更し、サイズをwidthとheightと変更すると、divとなります。どうすればいいの？ Flexはtopとleftの変更を無視しますが、widthとheightの変更を受け入れるようです。

Answer 1

divの位置を設定している場合にのみ、上部と左端が影響します。例えばコンテナ内に配置する場合は、position：relativeをコンテナに、position：絶対をdivに設定します。

ただし、フレックスボックスアイテムは、アイテム自体を簡単に整列して配置できるので、フレックスボックスアイテムにpositionを使用することは悪い習慣です。フレックスボックスのプロパティを操作する方法を理解するには、CSS Tricksフレックスボックスガイドをご覧ください。

Answer 2

私は実際に答えを見つけました。対話的に移動したい要素のコンテナをdisplay:blockに設定します。これにより、デフォルトの 'non-flex'コンテキストが復元されます。