如果文本溢出,则展开ul的宽度

时间:2012-08-06 10:01:05

标签: html css css3

如果ul li ul li的文字超出了盒子的宽度,是否可以扩展ul ul ul(下拉)?

jsfiddle:http://jsfiddle.net/KAVzf/1/

谢谢: - )

2 个答案:

答案 0 :(得分:4)

从菜单中移除对width: 100%的所有引用(#midwrap #nav li ul#midwrap #nav li ul li#midwrap #nav li ul li a

工作示例:http://jsfiddle.net/KAVzf/13/

更新

要解决此问题,只需在悬停子菜单中突出显示的文字,您需要将以下CSS添加到#midwrap #nav li ul li

#midwrap #nav li ul li {
    ...
    float: none;
    display: block;
    ...
} 

工作示例:http://jsfiddle.net/KAVzf/22/

答案 1 :(得分:1)

检查

http://jsfiddle.net/KAVzf/14/

#midwrap #nav li ul li {}#midwrap #nav li ul {}

移除宽度100%

仅限锚点宽度为100%。

相关问题