気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
height: n%;の正しい仕様 - Web標準普及プロジェクト
71 users
www.mozilla.gr.jp
www.mozilla.gr.jp
www.mozilla.gr.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
height: n%;の正しい仕様 CSSでは例えばheight: 100%;と書いた場合、実際にどういった高さとなるかご存... height: n%;の正しい仕様 CSSでは例えばheight: 100%;と書いた場合、実際にどういった高さとなるかご存じでしょうか? この算出値は親要素に左右されるのですが、 よく勘違いされている方がいるので正しい仕様を紹介しておこうと思います。 なおここでは話を分かりやすくするために通常フローの場合であることを前提に記述しています。 通常フローでは無い要素の場合、親要素を包含ブロックに読み替えてください。 親要素の高さが明らかな場合 多くの方はこの場合の仕様のみをご存じのはずです。 説明する間でもなく、親要素の高さのn%がその要素の高さとなります。 例えばheight: 300px;の要素の子要素が height: 50%;だった場合、その算出値は150pxになります。 親要素の高さが'auto'の場合 heightプロパティの初期値はautoです。 つまり、明示的にheight:
www.mozilla.gr.jp
www.mozilla.gr.jp
www.mozilla.gr.jp/~kazhik
www.mozilla.gr.jp/~shimono
373news.com
nordot.app
anond.hatelabo.jp
togetter.com
www.eisbahn.jp
qiita.com
future-architect.github.io
github.com/microsoft
techblog.enechain.com
zenn.dev/gamella
applech2.com
qiita.com
i.hatena.ne.jp
2015/01/21 リンク