方式顯示：表不像普通表一樣行事？

Question

你可以在這個例子中看到： http://jsfiddle.net/noamway/AVwsP/

<div style="width: 100%; display: table; border: 1px solid black;"> 
     Hello 
    </div> 
    <table style="width: 100%; border: 1px solid black; border-spacing: 0;"> 
     <tr> 
      <td>Hello</td> 
     </tr> 
    </table> 

，他們是相同的，但邊框使不同。

任何解決方案？

感謝

Answer 1

這個怎麼樣，

 <div style="border: 1px solid black;"> 
     Hello 
    </div> 
    <table cellspacing="0" cellpadding="0" width="100%" style="border: 1px solid black; border-spacing: 0;"> 
     <tr> 
      <td>Hello</td> 
     </tr> 
    </table> 

Answer 2

添加box-sizing:border-box到div，這樣的邊界作爲並列於外的框之內呈現。

FIDDLE