文系未経験プログラマ

忘れてもいいように書く

heightについて

【前提知識】

・インライン要素にはwidthもheightも効かない

 

【本題】

・初期値はautoで要素の中身の分だけの高さになる

・px指定時は、要素の中身の高さに関わらず、高さが固定される

・%指定は少し面倒で以下の通り

 →基本的には親要素に対する比率で高さが決まる

 →ただし、親要素のheightが指定されていないと(初期値のautoだと)%指定が効かない

  →理由: 親要素のheightは、要素の中身によって決まる。子要素に%指定でheightを決めようとすると、この%は、親要素のheightに対しての比率になるが、その親の高さが決まっていないため、%指定が効かない。


【感想】

・基礎が大事

・heightは成り行きで決まる!!


【参考】

CSSのwidth(幅)とheight(高さ)の指定方法をマスターしよう