我在一个 div 中有一个水平的 ASP 菜单。 div 设置为 width:100% 以填充页面的宽度,但是当页面可以水平滚动时,div 不会延伸到页面末尾。我试过设置 min-width%:100%;在 div 的 CSS 中,但这没有什么区别。谁能帮我解决这个问题,告诉我如何在页面可以水平滚动时让 div 填满页面的宽度。我正在使用 CSS 2.1 和 ASP.NET 2.0
div 的代码是:
<div class="clear hideSkiplink">
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" Orientation="Horizontal">
<staticmenuitemstyle ItemSpacing="30"/>
<StaticHoverStyle BackColor="DarkGray" BorderColor="Black" BorderStyle="Solid" BorderWidth="1"></StaticHoverStyle>
<Items>
<asp:MenuItem NavigateUrl="~/Home.aspx" Text="Home"/>
<asp:MenuItem NavigateUrl="~/Report.aspx" Text="Report an Operational Risk"/>
<asp:MenuItem NavigateUrl="~/View.aspx" Text="View Reported Operational Risks"/>
<asp:MenuItem NavigateUrl="~/UpdateClose.aspx" Text="Update/Close a Case"/>
</Items>
</asp:Menu>
</div>
div 和菜单的 CSS 是:
.hideSkiplink
{
background-color:#FF9900;
width:100%;
float:left;
}
.menu
{
padding: 4px 0px 4px 12px;
}
.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}
.menu ul li a, div.menu ul li a:visited
{
background-color: #FF9900;
color: #000000;
font-weight: bold;
font-size:14px;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}
.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
}
.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}
最佳答案
我将 gridview 放在可滚动的 div 中,以便页面具有固定宽度。
关于asp.net - 滚动时如何使asp菜单扩展到页面末尾?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23057004/