表格最后一行边框可见

即使设置了tr：最后一个孩子的边框：无，边框仍然可见。编辑按钮应该在最后一行之后。但它的位置还剩下了。 http://jsfiddle.net/priyaa2002/mBfk8/这是应该的 output 表格最后一行边框可见

2011-04-07 dragonfly

http://jsfiddle.net/mBfk8/1/ – stealthyninja 2011-04-07 21:11:52

你有一个浮动<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">[email protected]</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">[email protected]</td> 
      </tr> 
     </table> 
    </div> 
<div class="edit"> 
    <button type="submit">edit</button> 
</div>

今后validate your HTML;）

来源

2011-04-07 21:06:10

谢谢。它是一个错字。在复制时，我复制了额外的div。我删除了额外的tr，边框不再可见。但我无法在适当的位置获得编辑按钮 – dragonfly 2011-04-07 21:13:27

@dragonfly - 哦！对不起，我没有注意到编辑按钮的问题。 – 2011-04-07 23:20:46

@dragonfly - 为什么在CSS规则'#wrapper .para table＃info-table'中有'float：right'？ – 2011-04-07 23:22:09

表格最后一行边框可见

回答

相关问题