css - 使用 css reset 后应用填充

Question

原来我不懂 CSS。

在使用 Eric Meyer 的 CSS 重置 ( http://meyerweb.com/eric/tools/css/reset/ ) 后我遇到了一堵砖墙

我有一张这种风格的 table

table.home_right_top, .home_right_top table, .home_right_top
{
background-color: #F2F2F2;
width: 100%;
padding: 10px 20px 15px 20px;
}

但是填充根本没有应用于表格，我不明白为什么。我很高兴在所有浏览器(包括 IE7 和 IE8)上看到相同的行为，但我没有看到任何填充。有人可以告诉我我在这里做错了什么吗？

谢谢。

编辑

这是我的 table

<table class="home_right_top" border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td class="blueHeading14 heading_padding_right" style="width: 64px">Products</td>
            <td class="rpt_stroke" style="width: 280px">&nbsp;</td>
        </tr>
    </tbody>
</table>

Answer 1

问题不在于重置，而是 W3 CSS 属性规范指出 padding可以应用于:

all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column

所以申请无效padding到 <table> .相反，想到的唯一解决方案是应用 margin相反，将表格包装在 <div> 中，或将填充应用于个人 <td>有特殊类(class)。