根据内容使ul增加宽度

Question

我在这个网站上实现了超级鱼菜单

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

Answer 1

在以下情况之后,将以下样式添加到您grid.css或任何其他.css文件/标头grid.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的浏览器).