如何使html滚动溢出在表内的100%宽度设置为100%宽度的情况下工作

如何使html滚动溢出在表内的100%宽度设置为100%宽度的情况下工作,html,css,Html,Css,我正在编写一些遗留代码。布局是用一个外部表设置的,该表需要设置为100%,以容纳一些现有的遗留代码 我需要添加一个数据表,并使该表可滚动,并适合在窗口内(类似于下面的示例所示,但100%而不是100px) 如何在设置为100%的表中创建可滚动元素,从而使可滚动部分也设置为100% 我希望最终结果看起来像下面的底部示例,但是数据表设置为100%,而不是100px 代码 <html> <h2>This Doesn't Work</h2> <

我正在编写一些遗留代码。布局是用一个外部表设置的,该表需要设置为100%,以容纳一些现有的遗留代码

我需要添加一个数据表,并使该表可滚动,并适合在窗口内(类似于下面的示例所示,但100%而不是100px)

如何在设置为100%的表中创建可滚动元素,从而使可滚动部分也设置为100%

我希望最终结果看起来像下面的底部示例,但是数据表设置为100%,而不是100px

代码

<html>

    <h2>This Doesn't Work</h2>
    <table style="width:100%; background:red;">
        <tr>
            <td>
                A bunch of legacy code...<br/>
                <div style="overflow:scroll;width:100%;">
                    <table border="2" style="background:yellow;width:100%;">
                        <tr>
                            <td>
                                fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo</td>
                            </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>

    <br/><br/>
    <h2>This Works!</h2>
    <table style="width:100%; background:red;">
        <tr>
            <td>
                A bunch of legacy code...<br/>
                <div style="overflow:scroll;width:100px;">
                    <table border="2" style="background:yellow;width:100px;">
                        <tr>
                            <td>
                                fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo</td>
                            </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>

</html>

这不管用
一堆遗留代码…
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

这管用! 一堆遗留代码…
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
输出


表格布局:修复了父表Huzzah中缺少的内容!这非常有效。谢谢你的帮助:)