当我将background-image
设置为一个div并将background-size
设置为contain
时,两个div之间会有间隙。
代码如下:
<head>
<style>
.header {
height: 50px;
background: url('https://xxx.png') no-repeat;
background-size: contain;
}
.footer {
height: 30px;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
</div>
<div class="footer">
</div>
</div>
</body>
如何消除差距?