如何删除 div 的默认填充 - CSS

在 CSS 中，每个 HTML 元素都有一些默认的样式。这些样式称为默认填充，它们定义了元素的边框、内边距和外边距等属性。而如果我们需要自定义 div 元素的边距和填充，就需要删除它默认的填充了。

方法一：使用 margin 和 padding 属性

我们可以使用 CSS 的 margin（外边距）和 padding（内边距）属性来删除 div 的默认填充。具体方法如下：

div {
  margin: 0;
  padding: 0;
}

上面的代码会将 div 元素的填充和边距都设置为 0，从而删除默认的填充。

方法二：使用 reset.css

reset.css 是一个常用的样式表，在 HTML 中引入它可以删除所有默认样式和重置所有元素的属性。如果我们只需要删除 div 元素的默认填充，我们可以使用以下代码：

div {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

上面的代码会将 div 元素的填充和边距都设置为 0，然后将所有元素的 box-sizing 属性设置为 border-box。这个属性会将元素的宽度和高度包括边框和内边距，从而消除默认填充对布局的影响。

总结

通过以上两种方法，我们可以删除 div 元素的默认填充，从而自定义元素的边距和填充。使用 reset.css 可以一次性重置所有元素的默认样式，而手动设置 margin 和 padding 属性则更具针对性，可以更好地控制元素的外观。