float(フロート)
float
「float」を指定した要素は、通常のフロー(通常の流れ)から外れます。
親要素の高さは、フロートされた子要素の高さを含めません。
そのため、回り込みした文字列より大きな画像等の場合は、親要素からはみ出してしまします。
heightがauto(初期値)である場合、対応策の1つとして
親要素のoverflow値をvisible以外の値にするとその親要素は、フロートを含むように広げられます。
overflowの値
- visible (表示)
- hidden(隠す)
- scroll(スクロールバーを表示)
- auto(必要に応じてスクロールバーを表示)