選擇框不能右移

我正在嘗試創建一個包含h1和選擇列表的基本標題欄div。我希望選擇列表位於div的最右側，但將其右移不起作用。有沒有人有任何想法？代碼非常簡單，但無法查看錯誤的位置。謝謝！選擇框不能右移

<style type="text/css"> 
#select { 
float: right; 
} 
h1 { 
display: inline; 
} 
#titleBar { 
width: 800px; 
} 
</style> 

<body> 
<div id="titleBar"><h1>Select Your Car </h1> 
    <select name="categories"> 
      <option value="volvo">Volvo</option> 
      <option value="saab">Saab</option> 
      <option value="mercedes">Mercedes</option> 
      <option value="audi">Audi</option> 
    </select> 
</div> 
</body>

下面是對的jsfiddle鏈接：http://jsfiddle.net/qhvDG/1/

來源

2011-09-27 Lars

非常感謝您的支持，我沒有注意到，我會回去接受我收到的有用答案！ – Lars

你的風格是不正確的應該是如下圖所示，這是因爲#代表一個元素的ID和select是標籤名稱不是ID。

select { 
    float: right; 
}

或者更好的是多一點的描述是這樣的：

div#titleBar > select { 
    float: right; 
}

下面是一個例子小提琴http://jsfiddle.net/qhvDG/3/

來源

2011-09-27 18:37:16

你「中選擇」在CSS是一個ID，而不是元素名稱。只需從#select中刪除＃號。

來源

2011-09-27 18:39:53

嘗試在你的風格中使用「select」而不是#select。

select { 
float: right; 
}

來源

2011-09-27 18:42:45 lgomezma

@lgomezma ....'categories'不是選擇元素的id，它是名稱。 –

的確，我的錯誤 – lgomezma

選擇框不能右移

回答

相關問題