2个div之间不需要的间隙

Question

我将 2 个 Gridview 并排放置，无法避免两者之间的 2 个像素间隙。两个 Gridview 都得到相同的数据，我想制造它们实际上只是一个的错觉；左边是固定的，右边是可滚动的。我是一个完美主义者，这 2 个像素正在折磨我，而我却试图解决这个问题好几个小时

这就是我的工作：

<table style="width:1400px;border-collapse:collapse;border:none;">
   <tr>
      <td style="width:600px;text-align:right;">
         <div id="GV_FollowUpFix" runat="server" style="width:600px;overflow:hidden;border:none;">   
            <asp:GridView ID="GridViewFollowUpFix" runat="server" AutoGenerateColumns="false" CellPadding="0" CellSpacing="0" BorderWidth="0">
               <Columns....>
            </asp:GridView>
         </div>
      </td>
      <td style="width:800px;text-align:left;">
         <div id="GV_FollowUpMove" runat="server" style="width:800px;overflow-x:scroll;border:none;">
            <asp:GridView ID="GridViewFollowUpMove" runat="server" AutoGenerateColumns="false" CellPadding="0" CellSpacing="0" BorderWidth="0">
               <Columns....>
            </asp:GridView>
         </div>
      </td>
   </tr>
</table>

Answer 1

希望这就是您要找的吗？

如果你问我做了什么代码，那么padding:0; 对应的是td。

fiddle 玩转。

<table style="width:1400px;border-collapse:collapse;border:0px solid red;">
  <tr>
    <td style="width:600px;text-align:right;padding:0;">
      <div id="GV_FollowUpFix" runat="server" style="width:600px;overflow:hidden;border:1px solid black;">
        <asp:GridView ID="GridViewFollowUpFix" runat="server" AutoGenerateColumns="false" CellPadding="0" CellSpacing="0" BorderWidth="0">

        </asp:GridView>
      </div>
    </td>
    <td style="width:800px;text-align:left;border-spacing: 0px;padding:0;">
      <div id="GV_FollowUpMove" runat="server" style="width:800px;overflow-x:scroll;border:0px solid teal;">
        <asp:GridView ID="GridViewFollowUpMove" runat="server" AutoGenerateColumns="false" CellPadding="0" CellSpacing="0" BorderWidth="0">

        </asp:GridView>
      </div>
    </td>
  </tr>
</table>