Chrome瀏覽器不會呈現div或span重訪

我一直在使用Google和grepping。尚未找到解決方案。我附上了一些示例html。這是由DNN中使用的第三方包生成的。 Chrome無法顯示該元素（如上所述）。 IE9和FF都很好。任何意見讚賞。Chrome瀏覽器不會呈現div或span重訪

<div> 
    <table align="left" sizcache="18" sizset="196" style="height: 100%;"> 
      <tbody sizcache="18" sizset="196"> 
       <tr> 
       <td> 
        <span> 
        I can see this element... 
        </span> 
       </td> 
      </tr> 
      <tr> 
       <td colspan="2"> 
        <div style="width: 100%; height: 100%; overflow-x: auto; overflow-y: auto;"> 
         <span style="width: 450px; height: 100px; display: inline-block;"> 
         You can see me in IE9, Firefox, but not Chrome!!! 
         </span> 
        </div> 
       </td> 
      </tr> 
      <tr> 
       <td style="height: 10px;" colspan="2"> 
       ... and this element. 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div>

來源

2011-08-09 soulia

我把你的代碼扔到了一個HTML由TextPad生成的頁面，它在Chrome中正常工作。 DocType是'<！DOCTYPE HTML PUBLIC「 - // W3C // DTD HTML 3.2 Final // EN」>'也許你的文檔類型會讓你的瀏覽器處於怪癖模式或類似的情況，並使它無法正常顯示。如果你認爲它會有所幫助，我可以放置整個樣本頁面。 – Tod

FYI將DocType更改爲4.0，但未能顯示。 – Tod

只是在你的DIV的風格擺脫兩個溢出。 http://jsfiddle.net/zeuFT/1/

來源

2011-08-09 20:16:13 evasilchenko

嗨，夥計們 - 我已經在MS表達式Web 4中加載了示例代碼。它確實在溢出（以及一些其他屬性 - sizcache，sizset，align等）中發出警告。去除溢出確實解決了這個問題。謝謝！多麼偉大的論壇。 – soulia

不客氣。很高興有幫助。 – evasilchenko

嗨，夥計們 - 對於那些感興趣的人稍加跟進...使用IE9和Chrome開發人員工具，我使用本主題中列出的建議修改了屬性。在Chrome DevTools中將colspan =「2」更改爲=「1」未顯示跨度內容。刪除overflow-x：auto;溢出-y：auto;確實顯示如上所述的內容。正在使用的文檔的模式是： <！DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Transitional // EN」「http://www.w3.org/TR/xhtml1/DTD/xhtml1 -transitional.dtd「> 當前模式不支持」overflow-x和overflow-y「屬性。 – soulia

的DIV設置爲height: 100%;，但家長沒有規定的高度上，所以它是沒有100％。

將高度添加到父td將顯示div。

http://jsfiddle.net/2msKf/2/

來源

2011-08-09 20:14:37

我認爲問題是incorect HTML。請注意，每行只有1個TD，但未顯示div的TD有colspan =「2」..我相信鉻不能處理這個

來源

2011-08-09 20:16:55 mkk

刪除colspan並不能解決問題：http://jsfiddle.net/2msKf/3/ –

Chrome瀏覽器不會呈現div或span重訪

回答

相關問題