爲什麼右側的表格和div之間有間隙？

當我顯示他下面的表格時，表格和div之間存在間隙。我想知道原因。爲什麼右側的表格和div之間有間隙？

<!DOCTYPE html> 
<html> 
    <style> 
    table { 
     border-collapse:collapse; 
    } 
    table,td { 
     border:1px solid black; 
     text-align:center; 
    } 
    </style> 
    <body> 
    <div style="width:150px;border:1px solid black;"> 
     <table style="width:100%;"> 
     <tr> 
      <td>value 
      </td> 
     </tr> 
     </table> 
    </div> 
    </body> 
</html>

來源

2014-01-06 user2067036

我想你的意思是瀏覽器邊緣和你的DIV之間的差距在這種情況下，下面的答案補充'保證金和填充：0'是正確的，你應該修改的問題，因爲它是不正確的間隙不在您的div和表格之間，而是瀏覽器邊緣和div。 – Nishant

這似乎工作正常http://jsfiddle.net/Db7Th/

如果你不喜歡邊界比你想要的更厚，我只是從div中刪除了邊框

div { width: 150px; }

http://jsfiddle.net/Db7Th/1/

來源

2014-01-06 08:17:07 CRABOLO

這似乎是來自http://www.w3schools.com/ editor的一個問題。 – user2067036

瀏覽器應用默認margin和padding的元素，所以你需要重新設置..

* { 
    margin: 0; 
    padding: 0; 
}

Demo

或者你也可以使用body

body { 
    padding: 0; 
    margin: 0; 
}

Demo

注：我使用*選擇將屬性適用於所有元素，所以如果你正在尋找目標的元素確切的是考慮使用class或id代替

來源

2014-01-06 08:16:20

「存在表和DIV之間的間隙」

它不是table和div，其div之間和瀏覽器框架之間

您可以使用margin來控制它。設置margin到0

body{ 
    margin: 0; 
}

來源

2014-01-06 08:20:49 Baby

爲什麼右側的表格和div之間有間隙？

回答

相關問題