asp菜单控件不正常浮动 [英] asp Menu control not floating properly
本文介绍了asp菜单控件不正常浮动的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想在我的标题上这样做:
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
我试过将其左移,但仍然无法工作。 / p>
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;
}
推荐答案
一个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>
这篇关于asp菜单控件不正常浮动的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文