overflow: hidden は親要素に追記するだけです。 理由としてはoverflowプロパティではfloatで浮いている子要素の高さを認識してくれるからだそうです。
2015/01/15 · overflow: hidden は親要素に追記するだけです。 理由としてはoverflowプロパティではfloatで浮いている子要素の高さを認識してくれるからだそうです。
floatの親ボックスをoverflowで伸ばす CSS - Clearing floatsという記事を拝見して。左記ページでは冒頭で『floatを利用したレイアウトに関する一般的な問題はfloatボックスを含む親ボックスがそのfloatボックスの最後まで高さを伸ばしたがっていないということです。』と述べている。少し日本語訳がおかしいかもしれないが、要するにfloat使用時に一番やっかいなのは親ボックスの背景が伸びない事だと言っているわけだ。 cssレイアウトを始めた頃に混乱に陥りがちなあの現象。 以前ほんの少しだけこのサイトでもclearfixを利用したこの問題の解決方法を書いた記憶があるが、上記ページではoverflowを利用した解決方法が書かれている。ソースはシンプル。 div.container { border: 1px solid #000000; overflow: auto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く