删除表和div之间的空格

Question

删除div和table之间的空格。双边框不应该在右边。

table
{
   margin-left: -1px;
   width: 100%;
   border-collapse: collapse;
}

Demo

Answer 1

检查cellspacing和cellpadding e.g。

 <table cellpadding="0" cellspacing="0">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

注意：HTML5中不支持cellspacing属性。

Answer 2

试试这个http://jsfiddle.net/z6e1c8px/6/

只需对代码进行修改即可。另外，我建议您避免使用负值作为保证金。

例如： -

table{ margin-left: -1px; }

Answer 3

http://jsfiddle.net/z6e1c8px/8/

分别为最后一个和第一个td执行border-left和border-right零。并删除margin-left：-1;对于桌子。

table td:first-child {
    border-left: 0;
}

table td:last-child {
    border-right: 0;
}

Answer 4

我希望这就是你想要的。

table {
  width: 100%;
  border-collapse: collapse;
}
div {
  margin: 20px;
  overflow-x: scroll;
  border: 1px solid #D9D9D9;
  -webkit-border-radius: .4em;
  -moz-border-radius: .4em;
  border-radius: .4em;
}
table td {
  border: solid 1px #e1e1e1;
}

<div>
  <table>
    <tr>
      <td>row 1, cell 1</td>
      <td>row 1, cell 2</td>
    </tr>
    <tr>
      <td>row 2, cell 1</td>
      <td>row 2, cell 2</td>
    </tr>
  </table>
</div>