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