asp.net - 滚动时如何使asp菜单扩展到页面末尾？

Question

我在一个 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;
}

Answer 1

我将 gridview 放在可滚动的 div 中，以便页面具有固定宽度。