Question

我有一个包含3个单元格的表格 - 滚动条覆盖右侧单元格的一部分，使3个单元格的宽度不同，右侧单元格中的部分数据被覆盖

我尝试了各种各样的事情，包括推荐的事情

这是我的代码

<div style="padding: 15px; height: 500px;width: 775px;  overflow: auto;">

<table class="aligncenter" width = "500" style="border-width: 1px; border-color: #6b1ae4; background-color: #cfdfee;" border="1" cellspacing="1" cellpadding="1" align="center">
<tbody>
<tr>
<td>cell #1a...............</td>
<td>cell #2a...............</td>
<td>cell #3a...............</td>
</tr>
<tr>
<td>cell #1b...............</td>
<td>cell #2b...............</td>
<td>cell #3b...............</td>
</tr>
</tbody>
</table>
</div>

Answer 1

这是适合我的代码

<div style="padding: 1px; height: 500px;width: 775px;  overflow: auto;">
<table class="aligncenter" width = "755" style="border-width: 1px; border-color: #6b1ae4; background-color: #cfdfee;" border="1" cellspacing="1" cellpadding="1" align="center">

我认为使表格的宽度小于div的宽度就可以了 - 然后我只是使用数字来使它恰到好处

Answer 2

这是你在寻找的东西：

<div style="padding: 15px; height: 500px;width: 775px;  overflow: auto;">

<table class="aligncenter" style="width:500px;" style="border-width: 1px; border-color: #6b1ae4; background-color: #cfdfee;" cellspacing="1" cellpadding="1" align="center">
<tbody>
<tr>
<td>cell #1a...............</td>
<td>cell #2a...............</td>
<td>cell #3a...............</td>
</tr>
<tr>
<td>cell #1b...............</td>
<td>cell #2b...............</td>
<td>cell #3b...............</td>
</tr>
</tbody>
</table>
</div>

html表滚动条覆盖最后一个单元格的一部分

2 个答案: