表格最後一行邊框可見

即使設置了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

表格最後一行邊框可見

回答

相關問題