即使已删除margin属性，元素仍具有margin

Question

我正在尝试使用this pinterest-like grid library。最外面的标签$stmt = $conn->prepare("Update my_tabe set my_column = :my_value where my_id_comn = :my_id +1" ); $stmt->bindParam(':my_value', $value); $stmt->bindParam(':my_id', $key); foreach ($myArray as $key => $value){ $stmt->execute(); } 具有一定的边距，因此我删除了属性ul having the class of grid，但是开发人员工具显示该标签仍然具有橙色区域，即边距。

我需要去掉边距，以便覆盖整个宽度。就像您看到下面的图像一样，即使我删除了库中的所有页边距属性，页边距区域也不会消失。谁能知道为什么？除了margin属性以外，是否还有其他产生利润的属性？

HTML

margin: 20px auto

CSS

<ul class="grid effect-1">
  <li>
    <img class="..." src="..." alt="product" >
  </li>
</ul>

Answer 1

您不仅需要消除边距，还需要消除最大宽度。

将其更改为此：

.grid {
  max-width: 100%;
  list-style: none;
  padding: 0;
}