ASP菜单控制不能正常浮动

Question

我试图做到这一点对我的头：

Link | Link | Link            LoginStatus 

但菜单控制就不会浮动。它的功能是这样的：

Link | Link | Link 
LoginStatus 

我试着将它左移但仍然无法工作。

<div class="menucontainer"> 
       <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" Style="float:left"> 
        <Items> 
         <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Generate Report" 
          Value="Generate Report"/> 
         <asp:MenuItem Selectable="False" Text="|"></asp:MenuItem> 
         <asp:MenuItem NavigateUrl="~/Download.aspx" Text="Mass Export" 
          Value="Mass Export"></asp:MenuItem> 
         <asp:MenuItem Text="|"></asp:MenuItem> 
         <asp:MenuItem NavigateUrl="~/Admin/Home.aspx" Text="Login" 
          Value="Login"></asp:MenuItem> 
        </Items> 
        <StaticMenuItemStyle BackColor="White" BorderColor="#CCCCCC" 
         BorderWidth="1px" /> 
       </asp:Menu> 
       <div style="float:left">asdaddas</div> 
      </div> 

CSS

div.menucontainer 
{ 
    background-color:#465C71; 
    border-bottom: 4px solid #465c71; 
    margin: 0px 0px 0px 0px; 
    width:100%; 
    -moz-border-radius: 6px 6px 1px 1px; /*FF1+ */ 
    -webkit-border-radius: 6px 6px 1px 1px; /* Saf3-4, iOS 1+, Android 1.5+ */ 
    border-radius: 4px 4px 1px 1px;/* Opera 10.5, IE9, Saf5, Chrome, FF4 */ 
    clear:both; 
} 

div.menu 
{ 
    padding: 4px 0px 0px 5px; 
    font-size: 12px; 
    float:left; 
    width:auto; 
    border-right: 20px solid red; 
    clear:none; 
} 

Answer 1

只是将您的菜单标签包装在div中并浮动该div。

<div id="OuterDiv"> 
    <div style="float: right;"> 
    <asp:Menu> 
    </asp:Menu> 
    </div> 
    .... 
</div> 

Answer 2

如果你有float:left正常工作的联系，为什么不上你的LoginStatus按钮使用float:right（这是在自己的div，从我可以告诉）。