CSSセレクタ：after

私は2つのdivを持ち、1つの浮動小数点はもう一方の右側にあります。CSSセレクタ：after

右フロートの後ろにclearfixを追加し、：afterセレクタを使用して読んでいる必要があります。

このスタイルを作成して関連する属性を追加しようとしましたが、動作しないようですが、このルールを間違って理解していますか？

アドバイスは素晴らしいと思います！

http://jsfiddle.net/hjP6f/

出典

2011-07-22 Liam

IE7以前では '：after'が動作しないことに注意してください。 – Spudley

@Liam：実例へのリンクを提供している場合でも、あなたの質問にあなたのコードを含めてください。そうすれば、たとえリンクの有効期限が切れても、あなたの質問に答えると、将来の役に立つリソースが提供されます。 –

それはあなたが明確な修正を追加したいフッターです：あなたは基本的にここで言っている何

#footer:after {content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

が#footer divでの最後に、いくつかのコンテンツを追加することです表示ブロックにして、両方をクリアにします。これにより、すべてのフローティングコンテンツにフッターが表示されます。あなたのコードの

更新：http://jsfiddle.net/hjP6f/1/

。

出典

2011-07-22 09:00:39

ありがとう、私はいつもコンテナの最後の要素に適用されなければならないと仮定しました、ありがとうございます！ – Liam

もっと簡単で互換性の高い方法がありますね^^ – MatTheCat

クールです。 OPには2つのオプションがあります。ボーナス。 –

#footerにoverflow:hidden;を追加するだけです。それはそれがその浮遊子どもを包含することができる新しい書式設定のコンテンツを確立するでしょう。

出典

2011-07-22 09:05:04 MatTheCat

clearfixを使用するために* downvote *するべきではありません - より安定したオプションです（@Jamie Dixonの答えにはIE6/7のclearfix ..がありません）。私はまた 'overflow：hidden 'を99％使っています（簡単だから+それはうまくいきますが、clearfixはclunkyでunsemanticです）。しかし、それを使うことはできません：http://fordinteractive.com/ misc/overflow/ – thirtydot

だから...私の間違い= /私はできればdownvoteをキャンセルします。 – MatTheCat

答えて

関連する問題