链接标记显示块不拉伸全宽

时间:2013-01-07 04:03:46

标签: javascript jquery html css block

如果我错了请纠正我,但显示:阻止;将具有该CSS声明的任何元素转换为块元素,对吗?这意味着指定的元素带有display:block;声明将覆盖整个宽度,对吗?

我问这个是因为我目前有一个导航,其中包含一个带有嵌套无序列表项的下拉菜单,这些列表项应该继承父列表项宽度的宽度。

已删除

链接

请注意,一旦在团队上空盘旋,您会看到18U和17U链接列表项目的宽度没有延伸。我只能假设同样的问题适用于所有列表链接项。

但是:一旦你到了这里:链接被删除并注意到有两个以上的链接,问题不再是问题。它占用了整个宽度。

此外,一旦页面加载并且您第一次将鼠标悬停在其中一个列表项上,导航菜单就会向右踢一点。

问题在谷歌浏览器中持续存在。

是的,有人可以帮助我吗? 谢谢。

1 个答案:

答案 0 :(得分:1)

您的li宽度设置为

width: 100%

仅当父元素(ul)具有宽度设置时才能使用。设置...

width: 100%

...也在ul上,它运行正常。