在同一行上获取 2 个 div

我试图让 2 个 div 位于同一行，我已经

<div class="header">
  <div class="clear hideSkiplink">
     <div class="menuDiv">
             <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" 
                EnableViewState="False" Orientation="Horizontal" 
                StaticSubMenuIndent="10px" BackColor="#E3EAEB"   DynamicHorizontalOffset="2" 
                Font-Names="Verdana" Font-Size="0.8em" ForeColor="#666666">
            </asp:Menu></div>

            <div class="SearchBox">

            </div>
        </div>
    </div>

我想要在 hideSkiplink 内获取菜单和搜索，菜单位于左侧，搜索位于右侧。因为它是搜索在菜单下。我尝试更改CSS上所有内容的添加位置，就像我在这个网站上发现的那样，但是如果我在同一行中获取菜单和搜索，hideSkiplink就会消失，如果我将搜索设置为向右浮动，它就会超出hideSkiplink。

我现在的 css 里只有

div.hideSkiplink
{
background-color:#555555;
width:100%;
 }

div.menu
{
padding: 8px 0px 8px 10px;   
}

有什么想法我能做什么吗？

#NavigationMenu {
    float: left;
}

.SearchBox {
    float: right;
}

.MenuDiv {
    overflow: hidden; /* adjusts the height of .MenuDiv to wrap its children */
}