転倒についての私の理解が正しいかどうかはわかりません。

Question

真ん中の本文が後ろに書かれているのは、前の左側の右側がfloat属性が設定されていてドキュメントフローから外れているためです。このとき、後続の本文は自動的に元のドキュメントフローの位置に移動します。 left.margin-left=left の幅 , margin-right=right の幅 なので、実際には本体の幅が画面全体の幅になります 本体に配置したドキュメントフローを中央に配置すると、幅全体をカバーするため、右側が下がります。