パーセンテージは画面調整でよく使用されますが、多くの場合、特定の CSS プロパティの計算されたパーセンテージ値は、私たちが想像したものと異なります。少し前に、クラスメートがマージン/パディング アダプティブ レイアウトに関する記事を共有しました。それを読んだ後、w3.org にアクセスしてマージンとパディングのパーセンテージを計算する際の注意事項を確認しました。説明は次のとおりです:
水平フローでは、「margin-top」と「margin-bottom」のパーセンテージは、高さではなく、含まれるブロックの幅に相対することに注意してください(垂直フローでは、「margin-left」と「margin-」) [1]
'padding-top' と 'padding-bottom' のパーセンテージは、高さではなく、含まれているブロックの幅に相対していることに注意してください。 (少なくとも水平方向の流れでは、垂直方向の流れでは高さに比例します)。[2]
水平方向の流れ?縦の流れ?それは一体何ですか?