Question

我一直在谷歌上搜索和捣蛋。尚未找到解决方案。我附上了一些示例html。这是由DNN中使用的第三方软件包生成的。如上所述，Chrome无法显示该元素。 IE9和FF都没问题。任何评论都赞赏。

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

Answer 1

摆脱div风格中的两个溢出。 http://jsfiddle.net/zeuFT/1/

Answer 2

div设置为height: 100%;，但父级没有定义高度，所以它是100％没有。

向父td添加高度将显示div。

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

Answer 3

我认为问题是incorect HTML。请注意每行只有1个TD，但是没有显示div的TD有colspan =“2”..我相信chrome无法处理这个

Chrome不会重新访问div或span

3 个答案: