floatボックスが親ボックスを突き破る問題 - Archiva

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 floatボックスが親ボックスを貫通して表示される問題について。いわゆるclearfixに関するアレコレ。 親ボックスの中に「box_A (float:left;)」と「box_B (float:right;)」があるとする。OperaやFirefox等のモダンブラウザで見てみると、中身（floatボックス）の高さが親ボックスに反映されていないことが判る。ちなみに上記のソースは以下。 <div style="width:140px; padding: 10px; border:1px solid #666; color: #333;"> <div style="flo

[mcddx30]

clearfix

[ledsun]

clearfixというのですね。

[turubara]

clearfix

[hasuie]

css clearfix

[yaoki_dokidoki]

ありがたい情報

[janus_wel]

clearfix pattern 。わかりやすい

[TAKAyuki_atkwsk]

参考になりました。

[jdash]

図解があってclearfixの原理がわかりやすい。

[ke-tu]

clearfix

[microgravity]

clearfix

[franz_liszt]

float解除ですが、clearfixより短いです☆

[kimiko0217]

floatボックスが親ボックスを貫通して表示される問題について。いわゆるclearfixに関するアレコレ。

[ochanoco_naoco]

一番下のやつ試してみる

[trypeople]

clearfix新版。この簡易表記でいけるのか検証してみよう