一個Li元素在Firefox中不在div中，但是在chrome中是div？

Question

在下面的頁面，你會發現一個元素

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，但在鉻行內？

有什麼想法爲什麼？

Answer 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%。