html - 根据子宽度动态调整html li的大小

Question

我正在使用本教程： http: //net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-drop-down-nav-menu-with-html5-css3-and-jquery /

这是我的网站：http ://billcaffery.dnsd.me

我试图让“项目”选项卡足够大，以便在文本完成打印之前不会消失。有没有办法添加一个css规则来实现这一点而没有硬编码宽度等？

https://github.com/billythakidd04/grown-kidd-site上的所有代码

Answer 1

您需要将样式中的宽度更改为nav ul ulfrom100%到auto。100% 将其限制为其父容器的宽度，即导航栏项目的宽度，将其设置为 auto 将允许它扩展以包含内容。