合并底部边框

Question

有没有人知道如何合并3个元素的边框，以便它们连接在一起。这就是我目前所拥有的：

<div style="float: left; padding-left: 0px; padding-bottom: 2px;">
    <table id="table": cellpadding="0" cellspacing="0" border="0">
        <tr align="center" valign="middle" >
            <td style="padding-left: 1px; padding-right: 0px; padding-bottom: 1px;">
               <div id="schedulePrevDay" title="Previous Day" class="borderRad_3Left">&nbsp;</div>

               <asp:TextBox ID="txtDate" runat="server" CssClass="compactDate" MaxLength="10" Width="65px"></asp:TextBox>

               <div id="scheduleNextDay" title="Next Day" class="borderRad_3Right">&nbsp;</div>
            </td>
        </tr>
    </table> 
</div>

Answer 1

在我看来，你正在使用border-right和border-left 1px solid #fff。所以，只需从那里删除边框：

#schedulePrevDay{
   border-right: none;
}
#scheduleNextDay{
   border-left: none;
}

或者，您可以使用负余量。

Answer 2

可能是Bhojendra尼泊尔建议的负面利润，所以它看起来像这样

<div style="float: left; padding-left: 0px; padding-bottom: 2px;">
<table id="table": cellpadding="0" cellspacing="0" border="0">
    <tr align="center" valign="middle" >
        <td style="padding-left: 1px; padding-right: 0px; padding-bottom: 1px;">
           <div id="schedulePrevDay" title="Previous Day" class="borderRad_3Left" style="margin-right:-1px;">&nbsp;</div>

           <asp:TextBox ID="txtDate" runat="server" CssClass="compactDate" MaxLength="10" Width="65px"></asp:TextBox>

           <div id="scheduleNextDay" title="Next Day" class="borderRad_3Right" style="margin-left:-1px;">&nbsp;</div>
        </td>
    </tr>
</table> 

我已经使用了样式，但你还应该检查这些元素上是否没有填充，边距或边框，然后再做一个负边距。