Lar*_*ars 1 html css select css-float
我正在尝试创建一个包含 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/
您的样式不正确，应该如下所示，因为#代表元素的 id 并且select是标签名称而不是 id。
select {
float: right;
}
或者更好的是，像这样更具描述性：
div#titleBar > select {
float: right;
}
这是一个示例小提琴http://jsfiddle.net/qhvDG/3/