html – 如何控制Firefox中表格单元格的溢出？

概述我有一个表,并希望第一列有一个垂直滚动条.这适用于Chrome,IE9,iPad上的Safari但不适用于Firefox？为什么不？我究竟做错了什么？ HTML： <table> <tbody> <tr> <td class="col1"> <div class="wrapper"> 我有一个表,并希望第一列有一个垂直滚动条.这适用于Chrome,IE9,iPad上的Safari但不适用于firefox？为什么不？我究竟做错了什么？

HTML：

<table>        <tbody>            <tr>                <td >                    <div >                        <p>Test</p>                        <p>Test</p>                        <p>Test</p>                        <p>Test</p>                        <p>Test</p>                        <p>Test</p>                        ...                    </div>                </td>                <td >                </td>            </tr>        </tbody>    </table>

CSS：

HTML,body {margin: 0;padding: 0;height: 100%;wIDth: 100%;}table {wIDth: 100%;height: 100%;}table .col1 {wIDth: 20%;height: 100%;}table .col1>div.wrapper {wIDth: 100%;height: 100%;overflow: auto; }table .col2 {wIDth: 80%;height: 100%;background-color: red;}

解决方法 问题：

溢出：滚动;不会在桌子内工作.

如果你对div做同样的事情,那么它会正常工作.

见Live Example

例：

HTML

<div  >    <div >        <p>Test</p>        <p>Test</p>        <p>Test</p>        <p>Test</p>        <p>Test</p>    ...    </div></div><div ></div>

更多内容：http://lists.w3.org/Archives/Public/www-style/2006Mar/0030.html#replies

感谢kirtan

总结

以上是内存溢出为你收集整理的html – 如何控制Firefox中表格单元格的溢出？全部内容，希望文章能够帮你解决html – 如何控制Firefox中表格单元格的溢出？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。