@media 打印边距/填充顶部不起作用

Question

我想在页面顶部和徽标之间留出一些间距。但是，当我在 Chrome 中使用打印预览时，根本没有显示任何空间。

这是我的 HTML：

<div class="container">
    <img src="design/images/logo.png" alt="logo" class="logo" />
</div>

这是我的 CSS：

.container {
    max-width: 450px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: red;
}

img.logo{
    width: 337px;
    height: 76px;
    margin: 10px auto 0 auto;
    padding-bottom: 20px;
    float: none;
    display: block;
}

Answer 1

尝试删除 img.logo 并只留下 .logo