Li 元素在 Firefox 的 div 之外，但在 chrome 的 div 中？

【问题标题】：an Li element is out of the div in firefox but iside the div in chrome?Li 元素在 Firefox 的 div 之外，但在 chrome 的 div 中？
【发布时间】：2015-11-20 11:04:47
【问题描述】：

在下面的页面中你会找到一个元素

website

 <li role="presentation">
  <a href="#ragab" aria-controls="ragab" role="tab" data-toggle="tab">
   <img class="img-thumbnail" src="photos/clients/ragab.jpg" />

在 Firefox 中不在行内，但在 chrome 中在行内？？

知道为什么吗？

【问题讨论】：

标签： html twitter-bootstrap google-chrome firefox browser

【解决方案1】：

您的 <li> 元素是 display: table-cell（来自 Bootstrap）。
您的 <img> 元素是 max-width: 100%（来自您的 style.css）。
w3.org 规范声明 max-width 不适用于内联元素，因此您将在浏览器中获得不一致的行为。看到这个答案：Why do Firefox and Opera ignore max-width inside of display: table-cell?
你可以换成width: 100%。

【讨论】：

非常感谢它的工作，我正在尝试阅读更多内容以完全理解它