CSS去除 div 默认高度

HTML 中，每个 div 元素都占据了一行的空间，这使得它们成为了 HTML 文档中常见的垃圾信息。为了解决这个问题，可以使用 CSS 来去除 div 元素的默认高度。本文将介绍如何设置 div 元素的绝对定位，以及如何使用 negative margin 和 negative space 属性来去除 div 元素的默认高度。

在 HTML 文档中，每个 div 元素都占据了一行的空间，这使得它们成为了 HTML 文档中常见的垃圾信息。由于 div 元素在网页中广泛出现，因此去除它们的高度是一个重要的问题。使用 CSS 可以解决这个问题，但需要一些技巧。本文将介绍如何设置 div 元素的绝对定位，以及如何使用 negative margin 和 negative space 属性来去除 div 元素的默认高度。

CSS 去除 div 默认高度的方法：

1. 使用绝对定位

使用 CSS 的绝对定位可以隐藏 div 元素的高度，使它们不再占据一行的空间。可以使用以下代码来实现：

<div style="position: absolute; top: 50px; left: 50px;"></div>

在上面的代码中，使用绝对定位的 div 元素将占据一行的空间，但是高度将被隐藏。

2. 使用 negative margin 和 negative space

使用 negative margin 和 negative space 属性也可以去除 div 元素的默认高度。可以使用以下代码来实现：

<div style="margin-top: -20px; margin-left: -20px;"></div>

在上面的代码中，使用 negative margin 和 negative space 属性将 div 元素的高度和左边缘缩放到 0。

使用 CSS 可以去除 div 元素的默认高度。使用绝对定位可以隐藏 div 元素的高度，使用 negative margin 和 negative space 属性可以缩放 div 元素的高度和左边缘。

参考文献：

- [1] W3Schools: CSS 去除 div 默认高度

- [2] HTML5 Rocks: 去除 div 元素的默认高度

- [3] MDN Web Docs: div

- [4] CSS-Tricks: 去除 div 元素的默认高度