根据内容使ul增加宽度

Question

我在this site

中实施了超级鱼菜单

如果将鼠标悬停在产品菜单上，则下拉列表将与主要父菜单的宽度完全相同，即使内容较大也是如此。如何根据菜单中的内容使菜单更宽。现在内容只是溢出。

Answer 1

在grid.css之后将以下样式添加到grid.css或任何其他.css文件/标题中：

.sf-menu ul{
    min-width:100%; /* at least the size of the header */
    width:auto; /* size the block automatically */
}
.sf-menu ul li{
    white-space:nowrap; /* prevent word wrap */
}

请注意，这在IE7中不会有相同的结果，但是您的网站在IE7中的显示方式不同。适用于IE8，IE9和Firefox 10（适用于所有兼容CSS2的浏览器）。