Question

我在div中有一个水平的asp菜单。 div被设置为宽度：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中，以便页面具有固定的宽度。

滚动时如何将asp菜单扩展到页面末尾？

1 个答案: