防止 ASP.NET 菜单在相邻内容上展开答案

【问题标题】：Prevent an ASP.NET Menu from expanding over adjacent content防止 ASP.NET 菜单在相邻内容上展开
【发布时间】：2010-11-25 18:05:22
【问题描述】：

我有一个两列布局，一个垂直方向的 ASP.NET 菜单控件在一个狭窄的左列中，与所选菜单项相关的信息在一个宽右列中：

<div class="span-4">
    <asp:Menu ID="categoryMenu" runat="server" Orientation="Vertical">
    </asp:Menu>
</div>
<div id="product-grid-pane" class="span-12 last">
    <asp:GridView ID="productGrid" runat="server" AutoGenerateColumns="false" ShowHeader="false" Width="100%">
    </asp:GridView>
</div>

如果菜单项包含长文本，则菜单只会在网格上展开。我怎样才能防止这种情况？我在这里可能需要两个答案：纯 CSS 一个，如果菜单控件呈现漂亮、简单的 UL 元素，这将非常好，但它似乎更喜欢基于表格的难以穿透的结构，我可能需要额外的帮助来正确设置样式。

【问题讨论】：

标签： asp.net css blueprint-css

【解决方案1】：

如果您使用的是 ASP.net 4.0，Menu 控件有一个名为 RenderingMode 的属性，您可以将其设置为 Table 或 List。

否则也许你可以给表格width:100%和table-layout:fixed和你包含的divoverflow:hidden。

【讨论】：