如何将100%的高度应用于div？

要将100%的高度应用于div，您可以使用CSS来设置div的高度为100%。以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head><style>
  html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .full-height-div {
    height: 100%;
    background-color: lightblue;
  }
</style>
</head>
<body>
  <div class="full-height-div">
    这个div具有100%的高度。
  </div>
</body>
</html>

在这个示例中，我们将html和body元素的高度设置为100%，并将它们的边距和内边距设置为0。然后，我们创建了一个名为full-height-div的类，将其高度设置为100%，并为其添加了一个背景颜色。最后，我们在body中创建了一个使用full-height-div类的div，这个div将具有100%的高度。