Css 浮子不工作。为什么？

这真让我恼火，我试着寻找解决方案，但没有结果。 在的标题中，您可以看到搜索栏位于徽标下方，我只希望它位于标题的最右侧。这似乎是一个很简单的解决办法，但我一辈子都无法解决

这是HTML

<div id="header">
<div id="logo">
<a href="http://www.otherwords.info/index.php"><img src="images/otherwordslogo.jpg" /></a>
</div>
<div id="search">
<span>
<form method="post" action="search.php?op=Search" id="form">

<input type="text" value="Search Phrase" onfocus="if(this.value == 'Search Phrase'){this.value = '';}" size="40" name="q">

<input type="submit" value="Search" name="submit">

</form>
</span>
</div>
</div>

将搜索更改为

 #search { float:right;}

正如上面的答案所说，给它一个宽度

我也不认为有任何理由用

标记来包装表单

我只是注意到你也错过了一个；宽度后：100%，应为

 width:100%;

---

因为表单标记是块级元素。让表单标签和锚定标签都向左浮动，它会很好地对齐。

只要向右浮动#search div并删除span，就没有意义了

---

.

您网站上的HTML与示例中的HTML不匹配。。。该网站似乎缺少“搜索”和“徽标”分区。有意？谢谢，这是宽度；这就是问题所在。我尝试了几乎所有可能的方法来修复它，但我没有注意到。我真傻！谢谢你指出这一点。

 width:100%;