浮動選擇器

我試圖在同一行水平對齊一些選擇器。試過float:left但沒有奏效！還是我在做一些愚蠢的事情？請幫我解決一下這個。 http://jsfiddle.net/6YKhT/浮動選擇器

2012-10-09 user1012181

.filter-section select { 
     float:left; 
}

這就夠了。不需要內聯顯示。

來源

2012-10-09 14:56:37 Sem

這是一件小事！恥辱對我來說:(我沒有看到！ – user1012181

許多像這樣的問題很容易用很多眼睛來解決:) – Sem

user101，只是爲了明確地解釋你的代碼有什麼問題：你想申請'float：left; '到你想要並排顯示的對象，而不是那些對象的父對象。在你的代碼中，如果你複製並粘貼了另外一個帶'select「的'div'，那麼這兩個'div'就會並排出現，每個div都有堆棧選擇。 [看到這裏。]（http://jsfiddle.net/p7Jyx/） – jmeas

你想要做這樣的我想的東西：

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

你應該浮動的選擇框，而不是他們周圍包裹格。

來源

2012-10-09 14:55:55 jpsnow72

:) :)這被稱爲是愚蠢的！感謝隊友..它的工作:) – user1012181

..嘗試這個代替：

.styled-選擇{ 顯示：內聯塊; float：left; }

來源

2012-10-09 14:56:50 vector

.filter-section div{ 
     float:left; 
}

您正在將浮標瞄準錯誤的div容器。過濾器部分的子容器應該有'浮動：左'。

已經提過幾次

來源

2012-10-09 15:00:40 Bertzor

它 - 但無論是SEM或這將是創建一個內襯選擇選項最簡單的方法：

.styled-selects { 
    float:left; 
}

.filter-section select { 
    float:left; 
}

只是要小心每個CSS定義都被應用到正確的元素。嵌套Div標籤有時會在系統中拋出扳手;）

來源

2012-10-09 15:06:19 GFargo

如果您有不同大小的元素/ alt，嵌入塊將開始幫助。內容，而不僅僅是形式元素。 – GFargo

回答

相關問題