DIV+CSS の基本_html/css_WEB-ITnose

1.

ボックスには次の 4 種類があります:

(1) ブロック要素ボックス

(3) インライン要素ボックス

(4) ) ラインボックス。

2.

標準に従って、インラインボックス内のテキストは中央揃えになります。つまり、インライン ボックスの上端とテキストの上端との間の距離は、先頭端 (テキストの下端と下降テキストの上端との間の距離) の半分である必要があります。

ただし、ブラウザによってはテキストの位置が中央から1～2ピクセル異なりますが、この差は非常に小さいので無視して構いません。

3.

高さが設定されていない場合。

（1）ブロック要素ボックスの高さに影響を与える要因：

blockブロック要素ボックスの高さの影響を受ける。

子要素はインライン要素であり、ラインボックスの高さ（インラインボックスの高さによって間接的に決まる）はインライン要素の境界線の高さによって決まりません。

(2) インライン要素ボックスの高さに影響する要素:

フォントサイズ(font-size)。

その他の要因は現時点では不明です。

4.

、

はブロック要素です。

5.

の下に3ピクセルの空白がありますが、その空白を消す方法はdisplay:blockです。

6.

子要素の位置が親要素のボックスを超えた場合、親要素がoverflow: hiddenを設定すると、子要素は消えます。