具有百分比宽度的表格在 IE8 中会适当调整大小
- 我有一个包含在 div 中的表格元素，并且该表格的宽度设置为 100%。
- 每当浏览器宽度减小时，div 元素的宽度就会减小。
- 在 Chrome、Safari、Firefox 和 IE7 中，当调整 div 大小时，表格也会调整大小。
- 但在 IE8 中，表格仍然没有调整大小，并且溢出了容器 div
以下是我正在处理的结构
<div style="width:500px">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="top">
<div>My table column contents</div>
</td>
<td valign="top">
<div>My table second column contents</div>
</td>
</tr>
</tbody>
</table>
</div>
- I have a table element contained in a div and the table is set a width of 100%.
- The div element is reduced in width whenever the browser width reduces.
- In Chrome, Safari, Firefox and IE7 when the div get resized, the table also is resized.
- But in IE8, though, the table remains without being resized and overflows the container div
Following is the structure I am dealing with
<div style="width:500px">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="top">
<div>My table column contents</div>
</td>
<td valign="top">
<div>My table second column contents</div>
</td>
</tr>
</tbody>
</table>
</div>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您将表格包裹在具有定义宽度的 div 中。只需定义表格的宽度即可。
You have the table wrapped in a div with a defined width. Just define the width of the table too.