HTML无法删除填充

我通常从不使用HTML和CSS，所以我正在手工构建一个非常简单的HTML页面。 我想在表格单元格中使用表格，并删除两者之间的所有填充。 我使用的是非常简单的结构：

<style>
.takeoutmargins{
    margin: 0%;
}
</style>
<div>Site
    <table>
        <tbody>
            <tr>
                <td>&nbsp;</td>
            <td>
                <table>
                    <tbody>
                        <tr>
                            <td>1</td>
                        </tr>
                        <tr>
                            <td>2</td>
                        </tr>
                        <tr>
                            <td>3</td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <td>
                <table class="takeoutmargins">
                    <tbody>
                        <tr>
                            <td>href1</td>
                            <td>href2</td>
                        </tr>
                    </tbody>
                </table>
            </td>
            </tr>
        </tbody>
    </table>
    <div>&nbsp;</div>
</div>

1.外卖保证金{
利润率：0%；
}
场地
1.
2.
3.
href1
href2

但填充物总是存在的。 我也不喜欢

谢谢

.takeoutmargins{
保证金：0；
}
表td{
填充：0；
}

1.外卖保证金{
填充：0；
}
场地
1.
2.
3.
href1
href2
div

这是否回答了您的问题？不确定您试图实现什么，但表单元格中的表已经是一个坏用途。您应该改用colspan/rowspan。除此之外，似乎您试图使用一个表格来设计样式，这将是另一个错误。

.takeoutmargins td { padding: 0; }