如何获得页面顶部 div 附近的乘车保证金

Question

this is a pic of the problem look at the margin at around the div

页面顶部的 div 上有边距，即使我尝试将边距设置为 0 并将填充设置为 0，但当我在它们后面加上 !important 时它仍然不起作用。

`

<body>
    <div class="logobackground">
    <div class="logo2">
    <div class="logo">
    <img src="../images/fish.png" alt="The Family Cooking logo" class="logoimg">
    <h1 class="logotext">Example text</h1>
      </div>
      </div>
  </div>
  </body>

`

`THE CSS`

`

.logoimg {
  widt: 320px;
  height: 100px;  
  padding-right: 20px;
  padding-top: 3.5px;
}
.logotext{
  font-family: 'flower', cursive;
  
padding-bottom: 1.5px;  
  font-weight: 6;
  color: #c9c042;
  border-radius-bottom: 10px;
  font-size: 90px;
}

.logo{
display: flex;
align-items: center; 
  margin: 0 auto;
 margin-left: auto;
  margin-right: auto;
  padding: 0 auto;
 width: 100%; 
}  
.logo2 {
 margin: 0 auto;
  padding: 0 auto;
  background-color: #f5f5f5;
  background-size: cover;
  width: 100%;
  
  
}

`

Answer 1

我建议在浏览器上调试并查看元素 css。这应该导致导致该填充的确切元素。

Answer 2

我的第一个建议是使用浏览器上的检查器工具。在此处了解更多信息：https://blog.hubspot.com/website/how-to-inspect

然后，您可以通过查看通常位于检查器工具底部的框模型来找到哪个元素具有填充或边距。

要删除主要div的边距，你可以这样写：

.logobackground{
margin: 0;
}

如果您仍然看到边距，则它可能是 body 元素。写：

body {
    margin: 0;
    }

关于盒子模型的更多信息：https://www.w3schools.com/css/css_boxmodel.asp
检查元素的 YouTube 教程：https://www.youtube.com/watch?v=1l4xz1QQhew
了解 CSS 保证金：https://www.w3schools.com/css/css_margin.asp

如何获得页面顶部 div 附近的乘车保证金

how to get ride margin around the div at the top of the page

html

css