CSS边距不起作用

Question

看看这个：

这是我的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>

为什么保证金不起作用？

我想要＆＃34; backups_header＆＃34;与备份顶部齐平。

Answer 1

他们是，但字体可能不会填满整个高度。字母周围有一些间距，使其看起来像一个约两个像素的边距。如果选择它，突出显示将显示实际的线高。

没有正确的方法来解决这个问题，因为每种字体可能会有所不同，甚至在每台机器上也有所不同（特别是不同的操作系统），但最好的办法是设置line-height和调整它直到它恰到好处。

Answer 2

主要原因是您再次更改了下面的边距。在上面写上边距：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>`