ホームページ > ウェブフロントエンド > htmlチュートリアル > [CSS の詳細] さまざまなブロックレベルのフロー方向のパーセンテージ計算_html/css_WEB-ITnose

[CSS の詳細] さまざまなブロックレベルのフロー方向のパーセンテージ計算_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:00:53
オリジナル
1036 人が閲覧しました

パーセンテージは画面調整でよく使用されますが、多くの場合、特定の CSS プロパティの計算されたパーセンテージ値は、私たちが想像したものと異なります。少し前に、クラスメートがマージン/パディング アダプティブ レイアウトに関する記事を共有しました。それを読んだ後、w3.org にアクセスしてマージンとパディングのパーセンテージを計算する際の注意事項を確認しました。説明は次のとおりです:

水平フローでは、「margin-top」と「margin-bottom」のパーセンテージは、高さではなく、含まれるブロックの幅に相対することに注意してください(垂直フローでは、「margin-left」と「margin-」) [1]

'padding-top' と 'padding-bottom' のパーセンテージは、高さではなく、含まれているブロックの幅に相対していることに注意してください。 (少なくとも水平方向の流れでは、垂直方向の流れでは高さに比例します)。[2]

水平方向の流れ?縦の流れ?それは一体何ですか?

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート