CSS浮动：对

Question

我试图将两个元素放在相反的方向上。我遇到了似乎做了我想要的东西，但我似乎无法将div漂浮到右边。

有谁能告诉我我做错了什么？

在下文中，我希望 section-title 位于左侧， feeds 位于右侧...

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

您好现在在id content

下定义 css

就像这样

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

Live demo

Answer 3

float: left中的section .section-title, #section .feeds存在冲突。

在!important之后更改或添加float: right。

Answer 4

只需在!important

之后添加float:right即可

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