display:table-cell の親に display:table を指定しないと意味無い

CSSのfloatを解除するclearfix で「display:table」を使いました。 clearfixでは、table内のセル(trやtd)が0ならぺったんこで何も表示しない特徴を利用しましたが、 実際のレイアウトで「display:table」を使う場合は、必ず「display:table-cell」と一緒に使います。 逆に言えば「display:table-cell」を使う時は、親要素に「display:table」を指定していないと何も起こらない、意味が無いということです。 また、「display:table-cell」には、tableのセルで設定できる「vertical-align」が使えます。 そのため、通常の要素では指定できない「縦方向の中央揃え」も実現できて、とっても便利です。 本日のINDEX display:tableは、display:table-cellと一緒

[babydaemons]

CSSでvhって単位があるの知らなかった。。。