为什么这个导航项在Firefox中消失了?

时间:2011-11-08 03:23:34

标签: html css cross-browser

看看这里:http://jsfiddle.net/Nvntm/1/

“支持”导航项实际上在Firefox(和其他类似浏览器)上消失,只留下其他三个导航项。为什么会这样?我在这里做错了吗?

2 个答案:

答案 0 :(得分:4)

对于所有子<ul>项,包含<li>的宽度不够。你能将固定宽度增加到670px吗?

原因可能是由于浏览器不同的默认CSS元素。你的应用程序中有一个很好的“重置”CSS吗?

答案 1 :(得分:3)

更改nav css以显示溢出,表明导航项只是被包装到下一行。

通过增加宽度超过660px来修复此问题(示例的确切工作值为668px):

.nav_centered ul {

overflow: visible;
width: 668px;

在调整宽度以查看包装内容时保持溢出,否则可以将其关闭。它纯粹是为了帮助实现可视化。希望这会有所帮助:)