html - 浮动选择器

Question

我试图在同一行中水平对齐一些选择器。试过float:left但没用！还是我在做一些愚蠢的事情？请帮我解决一下这个。 http://jsfiddle.net/6YKhT/

score 3 · Accepted Answer

3

.filter-section select {
        float:left;
}

这已经足够了。无需内联显示。

于 2012-10-09T14:56:37.027 回答

score 1 · Accepted Answer

你想做这样的事情我认为：

.styled-selects{
    display:inline-block;
    float:left;
}

您应该浮动选择框，而不是围绕它们的 div。

score 1 · Accepted Answer

1

..试试这个：

.styled-selects{ 显示：内联块；向左飘浮; }

于 2012-10-09T14:56:50.403 回答

score 1 · Accepted Answer

.filter-section div{
        float:left;
}

您将浮动瞄准了错误的 div 容器。filter-section 的子容器应该有 'float: left'。

score 1 · Accepted Answer

它已经被提到过几次 - 但无论是 Sem 还是这将是创建单行选择选项的最简单方法：

.styled-selects {
    float:left; 
}

或者

.filter-section select {
    float:left;
}

只需要注意每个 CSS 定义都应用于正确的元素。嵌套 Div 标签有时会在系统中引发麻烦；）

5 回答 5