@media print margin / padding-top不起作用

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