Bootstrap 下拉菜单在 Google Chrome 中未正确显示答案

【问题标题】：Bootstrap Dropdown Menu Not Showing Correctly in Google ChromeBootstrap 下拉菜单在 Google Chrome 中未正确显示
【发布时间】：2013-09-04 17:03:42
【问题描述】：

我使用 Bootstrap 开发了一个网站，它已经准备好启动，但是在过去一周，下拉菜单没有正确包含 Chrome 上的所有数据：

http://demo.altru.co.uk

尝试在 chrome 的顶部导航中将鼠标悬停在 KS1 和 KS2 上，我已经在几台机器上尝试过，这是同样的问题。它在 Firefox 和 Internet Explorer 上运行良好。

为了简单起见，我可以告诉你引导程序上没有特殊的样式，它只是标准的，所以我的问题是，这是 chrome 中的错误还是我的代码问题仅影响 chrome？

谢谢大家！

【问题讨论】：

我添加了一张我认为你所说的 isn't containing all of the data 的图像。请记住，一旦您的问题得到解决，任何其他有相同问题的人都将不知道您的问题是什么，从而使未来的访问者无法获得答案
非常感谢，我想因为我是新手，所以不会让我添加一个，但我感谢您的编辑，希望有人能提供帮助。
没问题。当您的代表较低时，StackOverflow 会受到很大限制，尽管理想情况下您应该发布一个 JSFiddle 来演示代码中的问题

标签： jquery css google-chrome twitter-bootstrap drop-down-menu

【解决方案1】：

奇怪的是，这是由菜单中<img> 标签上设置的max-width 属性引起的。假设您只在菜单中使用.pad5right，您需要修改您的 CSS 以摆脱 Bootstrap 设置的 max-width: 100%`：

.pad5right {
    padding-right: 5px;
    max-width: none;
}

任何菜单的更通用的样式是这样的：

.dropdown-menu img {
    max-width: none;
}

一个相当奇怪的问题需要一段时间才能解决，而且可能是 Chrome 中的一个错误。

【讨论】：

太棒了，非常感谢您的帮助。它现在已修复，我怀疑它与 max-width 有关，但不认为这将是图像的填充。天才！