html - chrome css 错误文本在宽度用完时不会中断

Question

在 chrome 中，我有一个错误，当文本达到其包含元素的全宽时，文本不会分两行。

看看我的fiddle你会明白我的意思。文本位于营销服务的悬挂子导航上方，而在 FF 中，较长的导航标题打破了太多行。

Answer 1

链接的宽度大于列表项的宽度。这就是文本似乎脱离下拉菜单的原因。

#primary-nav ul ul li {
    width: 105px;
}

#primary-nav ul ul li a {
    width: 135px;
}

如果您将它缩小到与 li 相同的大小(或指定 100%)，它会起作用。