3

これ ( http://jsfiddle.net/77RRA/1/ ) は機能していますが、これ ( http://jsfiddle.net/77RRA/ ) は機能していません。

clearfix は行を置き換えることになっていません<div style="clear: both;"></div>か?

4

3 に答える 3

5

行を置き換えることになっているclearfixではありませんか<div style="clear: both;"></div>

はい。clearfix は、非セマンティックな空のタグを回避するためにあります。ただし、これを機能させるには、親要素に配置する必要があります。（例）

ただし、あなたの場合、兄弟が浮動要素を無視するという問題には対処していません。これは clearfix の意図ではありません。通常のドキュメント フローを復元するために兄弟を追加するだけですclear:right(またはboth必要に応じて) 。#child

あなたの固定例

于 2013-06-14T13:34:56.553 に答える
1

「clearfix は行を置き換えることになっていませんか<div style="clear: both;"></div>?」

  • いいえ

複数のアイテムを保持するコンテナがあるとします。これらのアイテムがすべて浮いている場合、コンテナは事実上高さの情報を失います。そのため、margin-bottoms と background-styles が間違って表示されています。clearfix は、コンテナ要素の前後に疑似要素を追加し、adisplay: table;を設定してコンテナ要素を完全な高さに戻すことで、この問題を解決します。

あなたの場合、clear: both;onを追加する必要があります#child

于 2013-06-14T13:30:18.677 に答える