css - ASP 菜单自动添加清除 div

Question

我希望我的标题看起来像这样：

Link | Link | Link                                               Image
-----------------------------------------------------------------------

我所拥有的是：

Link | Link | Link                                               
-----------------------------------------------------------------------    
                                                                 Image

ASP 代码：

<div class="hideSkiplink">
     <asp:Menu ID="NavigationMenu" runat="server" EnableViewState="False" IncludeStyleBlock="true" Orientation="Horizontal" >
          <Items>
               <asp:MenuItem NavigateUrl="~/Default.aspx" ImageUrl="~/ICONS/About/home_Icon.png"/>
               <asp:MenuItem NavigateUrl="~/About.aspx" ImageUrl="~/ICONS/About/about_Icon.png"/>
               <asp:MenuItem NavigateUrl="~/RestrictedPages/AdminMenu.aspx" ImageUrl="~/ICONS/About/admin_Icon.png"></asp:MenuItem>
          </Items>
     </asp:Menu>
     <div class="logo">
          <asp:Image ID="Image1" runat="server" ImageUrl="~/ICONS/About/logo.png" />
     </div>
</div>

CSS：

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

div.logo {
   float: right;
} 

检查显示中的元素Firebug：

<div class="hideSkiplink">
  <a href="#NavigationMenu_SkipLink">
    <div id="NavigationMenu" style="float: left;">
      <div style="clear: left;"></div>

我认为 divclear: left是自动创建的，这就是导致问题的原因。

可以做些什么来防止创建此元素，或者是否有解决方法来弥补它的包含？

Answer 1

正确且完整的答案是：

1）添加，如“musium”评论，以下到您的CSS

#IDOfYourMenuControl + div {
clear: none !important;
}

这将阻止意外

<div style="clear: left";></div>

2) 将以下内容添加到您的 asp.menu 标记中

SkipLinkText=""

这将阻止意外

<a id="yourmenuID_SkipLink">

标记从被创建。

别客气。:-)

Answer 2

正确安排你的 div

例如

<div id="dvParent">
    <div style="float:left">
        Link | Link | Link 
    </div>
    <div style="float:right">
        Image
    </div>
    <div style="clear:both;"></div>
</div>

http://jsfiddle.net/PhKhg/

Answer 3

我知道这个问题很老了......但我刚刚遇到了同样的问题，对我来说，以下解决方案有效：

#IDOfYourMenuControl + div {
    clear: none !important;
}

Answer 4

nav div:nth-child(a number){
    clear:none !important;
}