Question

我遇到了这个问题，菜单浮动在页面的边框上。看到行动中的问题。 http://finalfantasyworld.net/FinalFantasy/FFcompilation.aspx

我想让它们停在菜单的长度。我使用了站点地图来填补排名。如果视图是静态的或动态的，不知道如何使用它们，所以我没有修改它们。

这是ASP

<div class="liste">
<asp:Menu ID="Menu1" CssClass="ffcomp"  runat="server" DataSourceID="FFcompilationSiteMap" MaximumDynamicDisplayLevels="2">
</asp:Menu>
</div></div>
<asp:SiteMapDataSource ID="FFcompilationSiteMap" StartingNodeOffset="2" ShowStartingNode="false" runat="server" />

这是CSS

div.ffcomp
{
border:1px solid #ccc;
background-color:#333;
}

div.ffcomp ul
{
list-style: none;
width: auto;
height:100%;
}
div.ffcomp ul li a, div.ffcomp ul li a:visited
{
border-left:none;
border-bottom:3px solid #dde1ec;
border-top:none;
font-family: sans-serif;
font-size:13px;
font-weight:bold;
color: #c4e9ff;
display: block;
line-height: 1.35em;
padding: 9px;
text-decoration: none;
white-space: nowrap;
background-color:#333;
}

div.ffcomp ul li a:hover
{
color:#b02424;
border-bottom-color: #b02424;
border-bottom-style: solid;
border-bottom-width: 3px;
}

div.ffcomp ul li a:active
{
color: #cfdbe6;
border-bottom-color: #b02424;
border-bottom-style: solid;
border-bottom-width: 3px;
}

我认为这是某种与CSS相关的问题。

Answer 1

我部分地解决了问题，这不是一个很好的解决方案，我想要一个更好的解决方案

#MainContent_Menu1 .level2
{
position:relative;
bottom:117px;
}
#MainContent_Menu1 .level3
{
position:relative;
bottom:312px;
}

如果ID在页面上的其他位置弹出

，

将来可能会失败

asp：菜单流出页面

1 个答案: