asp 菜单控件未正确浮动

发布于 2024-11-07 22:07:54 字数 1984 浏览 3 评论 0原文

我试图在我的标题上执行此操作:

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;
}

I'm trying to do this on my header:

Link | Link | Link                                               LoginStatus

But the Menu Control just won't float. What it does is like this:

Link | Link | Link
LoginStatus

I've tried floating it left but still doesn't work.

<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;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

紫﹏色ふ单纯 2024-11-14 22:07:54

只需将您的菜单标签包装在一个 div 中并浮动该 div 即可。

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

just wrap your Menu Tag in a div and float that div.

<div id="OuterDiv">
  <div style="float: right;">
    <asp:Menu>
    </asp:Menu>
  </div>
  ....
</div>
等待圉鍢 2024-11-14 22:07:54

如果您的链接与 float:left 正常工作,为什么不在您的 LoginStatus 按钮上使用 float:right (它位于其自己的 div 中,据我所知)。

If you have the links working correctly with float:left, why not use float:right on your LoginStatus button (it's in its own div, from what I can tell).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文