0

記事のdiv(白いコンテンツと右の灰色の列)が白のテキストの高さで拡大することを望みます。

#bodycontに追加しようとしましたがclear:both、役に立ちません

どうすれば柔軟にできますか?

4

2 に答える 2

1

clear: both;フロートを使用した後に追加する必要#bodycontがあります。ヘッダーにフロートがある場合は、フロートを配置すると便利です(チェックしませんでした)。親に配置しても何も起こりません(ただし、セレクターがこの親で始まる方法は他にもありますが、parent:after { /* strange bunch of instructions working in IE8 and above */ }それは親自体ではありません)

いくつかの一般的な指示:

  • height列またはレイアウトブロックでプロパティを使用しないでください。
    別の同様のページまたは1年間に、そこにどれだけのコンテンツが掲載されるかはわかりません。一部の訪問者がテキストを大きくズームしているのか、スマートフォン(関連
    )を使用しているの かはわかりません。 プロパティを1回使用せずにレイアウトを作成できます。特定のケースでは、グラフィック要素を完全に表示する必要があります(トリミングしてはならない既知の高さの背景がある場合)。一般的なケースでは、不要なメソッドを使用します。正しく表示する要素の高さ。
    heightmin-height
  • clear: both浮動列に続く要素、または浮動小数点数を含む要素の兄弟に追加します。あなたの場合、フッター。
  • 要素をフローティングするということは、そのコンテンツが(HTML)フローから削除されることを意味します。親の身長を決定するためにもう「カウント」されません、それは実際にはありません。したがって、フロートのみを含む要素の高さは... 0です。すべてがフローから削除され、高さはありません。これは、この親に背景が表示されなくなるので面倒です...しかし、その背景を、浮いている子の中で最も背の高いものと同じ高さにしたいとします。(そうではない)最新のclearfixは、Thierry Koblentzによってここで説明されています:http ://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ (この:before部分は、一貫した折りたたみマージンのためにのみ存在します、あなた:afterは親と一緒に必要なだけです、親と次の要素の間の誤り、それは ':after
于 2012-05-20T08:02:00.510 に答える
1

解決策は、高さを追加display:tableおよび削除することでした。テキストに基づいて高さを表示できるようにしたので。

とてもシンプル!

于 2012-05-22T12:32:35.907 に答える