html - 如何设置相同的填充大小

Question

我的网页上有一张图片，我不明白为什么填充只设置在左侧。右侧不显示任何边距。

这是我的 CSS:

#main {
  margin-top: 0px;
  margin-bottom: 10px;
}

#main {
  margin-top: 100px;
  margin-bottom: 100px;
}

@media (min-width: 768px) .noo-container {
  max-width: 750px;
  width: 100%;
}

.noo-container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

article,
aside,
details,
figcapti figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

* {
  font-family: "helvetica", "arial", "sans-serif";
}

我希望左右边距相同。

页面是https://prueba.soygorrion.com.ar/home/ .

Answer 1

这是由于在 div 上使用了“background-image”属性造成的。使用标签要容易得多，也更常见。

<div class="tp-bgimg defaultimg">
    <img src="https://prueba.soygorrion.com.ar/wp-content/uploads/2019/05/HEAD1-1024x532.jpg">
</div>

.bgimg {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
}
.bgimg img {
    margin: 0 10px;
    width: calc(100% - 21px);
}