css - CSS float:右

Question

2 つの要素を反対方向に配置しようとしています。私がやりたいことをしているように見えるものに出くわしましたが、divを右に浮かせられないようです。

誰かが私が間違っていることを教えてもらえますか?

以下では、セクションタイトルが左側にあり、フィードが右側にあると予想していました...

http://jsfiddle.net/n3Dvg/

ティア！S.

Answer 1

スタイルを修正してください。#section .section-title、#section .feedsの後に#section .feeds を記述して、スタイルをオーバーライドします。

たとえば、次のように記述します。

#section .section-title, #section .feeds {
 float:left;
            }
            #section .feeds {
                float: right;
                text-transform: none;
            }

これをチェックしてくださいhttp://jsfiddle.net/n3Dvg/8/

Answer 2

が競合float: leftしています。section .section-title, #section .feeds

それを変更するか、!importantの後に追加しfloat: rightます。

Answer 3

こんにちは、 css unerを定義しますid content

このように

#content #section .feeds{
float:right;
}

ライブデモ

Answer 4

!important後に追加するだけfloat:right

#section .feeds {
float: right !important;  // to override any conflict 
text-transform: none;
}