테이블 마지막 행 테두리 표시

Question

tr : last-child의 border : 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? --> 

지금처럼 그들을 제거 : 미래 validate your HTML에서

<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> 

)

를