4

编辑：我在这里发布了一些代码，但我无法重现它。所以这里是问题的链接：

http://stackmobile.quickmediasolutions.com/questions.php?site=stackoverflow

无论我做什么，表格和DIV之间仍然存在差距。这发生在 Linux 上的 Google Chrome 5.0.375.70 beta 上。（而且它似乎也出现在其他基于 Webkit 的浏览器上。）

我怎样才能摆脱空间？

4

4 回答 4

2

div 和 table 之间可能有一个空格字符。如果是，请尝试删除它。

尝试给予

body
{
    font-size: 1px;
}

并检查 4px 是否已减小。

于 2010-06-16T04:49:18.717 回答
2

尝试使用以下 CSS：-

div {
    margin: 0px;
    padding: 0px;
}
table {
    margin: 0px;
    border-collapse: collapse;
    padding: 0px;
}
于 2010-06-16T05:12:39.350 回答
1

也尝试将 div 边距归零：

div {
    margin:0;
}

这是我使用的完整页面，它似乎对我有用：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/\
xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>Test</title>
        <style type="text/css">
            div {
                width:2em;
                height:2em;
                background-color:black;
            }
            table {
                background-color:red;
                margin: 0px;
                border-collapse: collapse;
                padding: 0px;
            }
        </style>
    </head>
    <body>
        <div></div>
        <table>
            <tr><td>Test</td></tr>
        </table>
    </body>
</html>
于 2010-06-16T04:48:38.750 回答
0

我终于修好了！

我需要补充的是

height: 40px;

到

#topbar_logo {
    float: left;
}
于 2010-06-16T05:25:53.077 回答