html - 如果文本溢出，则扩展 ul 的宽度

Question

如果 ul li ul li 的文本超出框的宽度，是否可以扩展 ul li ul（下拉）？

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

谢谢 ：-）

Answer 1

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/

Answer 2

检查这个

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

#midwrap #nav li ul li {} 从和中删除宽度 100%#midwrap #nav li ul {}

只有锚的宽度为 100%。