Html CSS页边距不起作用

看看这个：

这是我的css：

    <style>
        .backups {
            border-radius: 2px;
            border: 1px solid #e2e2e2;
            padding: 3%;
            display: inline-block;
            width: 100%;
            margin-right: 5px;
            height: 485px;
            margin: 0px;
        }
        .backups_header {
            background-color: #E7E7E7;
        }
    </style>

.备份{
边界半径：2px；
边框：1px实心#e2；
填充：3%；
显示：内联块；
宽度：100%；
右边距：5px；
身高：485px；
边际：0px；
}
.u头{
背景色：#E7E7E7；
}

为什么利润率不起作用

---

我希望“backups\u header”与备份顶部齐平。

确实如此，但字体可能无法填充整个高度。字母周围有一点间距，使其看起来像两个像素左右的边距。如果选择它，高光将显示实际的线高度

---

没有合适的方法来解决这个问题，因为每种字体都可能不同，甚至每台机器（尤其是不同的操作系统）都可能略有不同，但最好的办法是设置一个

行高，并调整它直到刚好合适。
主要原因是您再次更改下面的边距。写边距：0px以上

`<style>
    .backups {
        border-radius: 2px;
        border: 1px solid #e2e2e2;
        padding: 3%;
        margin: 0px;
        display: inline-block;
        width: 100%;
        margin-right: 5px;
        height: 485px;
        
    }
    .backups_header {
        background-color: #E7E7E7;
    }
   </style>`

`
.备份{
边界半径：2px；
边框：1px实心#e2；
填充：3%；
边际：0px；
显示：内联块；
宽度：100%；
右边距：5px；
身高：485px；
}
.u头{
背景色：#E7E7E7；
}
`