菜单显示溢出样式

时间:2012-09-12 16:32:04

标签: css html5 html

在我的菜单中,我使用overflow:hidden和菜单宽度显示我的菜单,并在屏幕尺寸变小时隐藏文字。但是它同时隐藏了子菜单

通过子菜单我的意思是级别菜单> 2 因此,如果我将一个项目悬停在菜单栏中,我可以显示菜单,但如果该菜单包含一些子项目,那么它们根本不会显示。但是当我删除溢出:隐藏在我的css中,正在应用ul/li元素来创建菜单时,它们会显示但文本看起来很难看,特别是如果它比菜单宽度长

1 个答案:

答案 0 :(得分:1)

我认为使用它应该有效:

ul{
    overflow:visible;
}
ul.li{
    overflow:hidden;
}
ul.li.ul{
    overflow:visible;
}
ul.li.ul.li{
    overflow:hidden;
}

当然,您必须将它应用于您自己的样式表。我并不完全确定这会起作用,因为我无法从这里看到您的代码/样式表。