                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /形形色色的下拉菜单

二级菜单中li标签没有根据内容自动变宽

如图所示，这个是直接在下载的源码中往javascript那个li中加内容，整个li标签的宽度没有根据内容的增加而变宽，而是往下分行显示了，灰色部分实际为一个li。当时看了自己去做，发现怎么都不能调好，发现源码也是一样，这是怎么回事呢

该干嘛干嘛

2014-11-11

源自：形形色色的下拉菜单 1-1

关注问题我要回答

1240

操作

收起

3 回答

Humiliter
2014-12-08

原因很简单：在调整的最后过程中。讲师做了一个浏览器的兼容性的修改。在这一部分，他将二级菜单的长度固定了（为了满足IE7下的兼容性问题）。所以你下载的最终版的代码会是一个固定长度的二级菜单表。

修改也很简单：将style中的ul li ul li{ width:xx px;}删除即可。（如果我没记错的话）。

0 回复有任何疑惑可以回复我~

收起回答

该干嘛干嘛提问者

非常感谢！

2014-12-08 回复有任何疑惑可以回复我~

不含糖
2015-11-17

我也遇到同样的问题，还是想搞清楚原因，不能总控制文字数量

0 回复有任何疑惑可以回复我~

收起回答

该干嘛干嘛提问者
2014-12-08

这已经是删除掉width之后的了，我后来写一条代码刷新一次，发现好像不设置position：absolute就能够自动适应文字；时间过去有点久了，也不知道有没有记错，反正是设置了某个属性之后，就不能自适应文字而变宽了。不过这个影响不大，最多我把每个列表项的文字数量给控制下就ok了

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

形形色色的下拉菜单

参与学习 106929 人
解答问题 563 个

本教程从易到难，循循渐进，运用不同技术实现动态下拉菜单

进入课程

二级菜单中li标签没有根据内容自动变宽

我要回答关注问题

热搜

最近搜索清空

二级菜单中li标签没有根据内容自动变宽

3 回答

二级菜单中li标签没有根据内容自动变宽