为什么右侧的表格和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之间有间隙？

回答

相关问题