div没有正确排队

Question

我有一个标题，我有一个水平重复的背景图像。它内部的内容设置为ul列表。我想让他们中的一些人离开，其中一个是右边的。在ul列表之后我也有一个div作为我标题结尾的上限。这个帽子有一个圆角。我也有这个设置向右浮动，这就是问题所在。我发布了一个虚拟版本供您查看。任何人都可以告诉我如何让输入字段持有者向右浮动并仍然让我的上限浮动，而不是像现在一样设置在标题下面。

Link to header html

Answer 1

这有效：

<ul>
    <li class="live"><a href="#">button1</a></li>
    <li class="schedule"><a href="#">button2</a></li>
    <li class="dvr"><a href="#">button3</a></li>
    <li class="leftCap"></li>
    <li class="tools">
      <form class="search" action="get">
        <input class="searchField" name="q" maxlength="40">
      </form>
    </li>
</ul>

你的左撇子在ul之外是一个div，但把它放在ul里面会纠正这个。