这很难解释,所以我创建了一个 JS-Fiddle所以你们可以明白我的意思...
如果您在“产品”选项卡下查看列表中我制作的很长的第二个链接,结果是它溢出了列表的边界。我怎样才能做到这一点,如果链接很长,包含 ul 的宽度会拉伸(stretch)以包含链接?
再次查看 JSfiddle 将使正在发生的事情和需要完成的事情变得更加清晰。
PS - 需要在根本不编辑 HTML 的情况下让它工作!
//Ignore this
最佳答案
只需删除列表的固定宽度:
ul li {
display: block;
position: relative;
float: left;
width: 140px; // <-- Remove this
height: 25px;
}
这将使您的列表的默认宽度变为自动,您就完成了。
关于html - 宽度 : Auto not working on dropdown navigation,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15808036/