html - 背景未获得 100% 的屏幕

Question

我的代码:

<section id="servicios">
   <div class="container" id="whachado">
    <h1>ASDF</h1>
    <h3>ASDF.</h3>
   </div>
</section>

我的 CSS:

#whachado{
    position: relative;
    text-align: center;
    background-color: darkslategrey;
    background-size: cover;
    font-family: "Tahoma", sans-serif;
    font-weight: bold;
    color: white;
}

我试过 background-size:100% 但它仍然在 div 周围留下空白区域。

Answer 1

body 标签带有预设边距(我不记得实际数字是多少)但这需要与 h1 标签一起设置为 0，h1 标签也带有自然边距。以下代码应该可以解决您的问题。

html,
body{
    margin:0;
}

h1{
    margin:0;
}
#whachado{
    position: relative;
    text-align: center;
    background-color: darkslategrey;
    background-size: cover;
    font-family: "Tahoma", sans-serif;
    font-weight: bold;
    color: white;
}