防止ASP.NET菜单扩展到相邻内容

Question

我有一个两列布局，在左侧列中有一个垂直方向的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元素，这将是非常好的，但它似乎更喜欢一个不可穿透的基于表的结构我可能需要额外的帮助样式正确。

Answer 1

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

否则，您可以提供表格width:100%和table-layout:fixed以及您的包含div overflow:hidden。