html - 宽度 : Auto not working on dropdown navigation

Question

这很难解释，所以我创建了一个 JS-Fiddle所以你们可以明白我的意思...

如果您在“产品”选项卡下查看列表中我制作的很长的第二个链接，结果是它溢出了列表的边界。我怎样才能做到这一点，如果链接很长，包含 ul 的宽度会拉伸(stretch)以包含链接？

再次查看 JSfiddle 将使正在发生的事情和需要完成的事情变得更加清晰。

PS - 需要在根本不编辑 HTML 的情况下让它工作!

//Ignore this

Answer 1

只需删除列表的固定宽度:

ul li {
    display: block;
    position: relative;
    float: left;
    width: 140px; // <-- Remove this
    height: 25px;    
}

这将使您的列表的默认宽度变为自动，您就完成了。

演示:http://jsfiddle.net/Kpxpf/5/