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重访

回答

相关问题