記事のdiv(白いコンテンツと右の灰色の列)が白のテキストの高さで拡大することを望みます。
#bodycontに追加しようとしましたがclear:both
、役に立ちません
どうすれば柔軟にできますか?
clear: both;
フロートを使用した後に追加する必要#bodycont
があります。ヘッダーにフロートがある場合は、フロートを配置すると便利です(チェックしませんでした)。親に配置しても何も起こりません(ただし、セレクターがこの親で始まる方法は他にもありますが、parent:after { /* strange bunch of instructions working in IE8 and above */ }
それは親自体ではありません)
いくつかの一般的な指示:
height
列またはレイアウトブロックでプロパティを使用しないでください。height
min-height
clear: both
浮動列に続く要素、または浮動小数点数を含む要素の兄弟に追加します。あなたの場合、フッター。:before
部分は、一貫した折りたたみマージンのためにのみ存在します、あなた:after
は親と一緒に必要なだけです、親と次の要素の間の誤り、それは ':after
解決策は、高さを追加display:table
および削除することでした。テキストに基づいて高さを表示できるようにしたので。
とてもシンプル!