表格最后一行边界可见

Question

即使设置了tr：last-child的边框：none，仍然可以看到边框。编辑按钮应位于最后一行之后。但它得到了立场。 http://jsfiddle.net/priyaa2002/mBfk8/以下是

的方式

Answer 1

您有一个浮动的<tr>和一个浮动的</div>：

<div id="wrapper">
    <div class="para">
        <table id="info-table">
            <tr>
                <td>name:</td>
                <td id="name">name</td>
            </tr>
            <tr>
                <td>id:</td>
                <td id="myid">myuid</td>
            </tr>
            <tr>
                <td>email:</td>
                <td id="email">mysuperemail@email.com</td>
            </tr>
            <tr> <!-- WHY? -->
         </table>
    </div>
<div class="edit">
    <button type="submit">edit</button>
</div>
</div> <!-- WHY? -->

像这样摆脱它们：

<div id="wrapper">
    <div class="para">
        <table id="info-table">
            <tr>
                <td>name:</td>
                <td id="name">name</td>
            </tr>
            <tr>
                <td>id:</td>
                <td id="myid">myuid</td>
            </tr>
            <tr>
                <td>email:</td>
                <td id="email">mysuperemail@email.com</td>
            </tr>
         </table>
    </div>
<div class="edit">
    <button type="submit">edit</button>
</div>

将来validate your HTML;）