CSS是用于设计和布局网页的一种技术，其中使用了一些特定的规则来定义页面的样式和布局。在CSS中，可以使用百分比来设置元素的height，这是一个非常重要的技巧，因为百分比可以让您更好地控制元素的高度，而不必担心像素大小的限制。

让我们看看如何使用CSS中的height%来设置元素的高度。

1. 使用%定义元素的高度

在CSS中，可以使用%来定义元素的高度。例如，您可以使用以下代码来设置一个元素的高度为50%:

height: 50%;

在这个例子中，height属性被设置为50%，而%符号表示元素的高度将占整个页面高度的50%。

2. 使用%来设置元素的盒子高度

除了使用%来设置元素的高度外，您还可以使用%来设置元素的盒子高度。例如，您可以使用以下代码来设置一个元素的宽度为80%，而盒子的高度为50%:

width: 80%;

height: 50%;

在这个例子中，width属性被设置为80%，而%符号表示元素的宽度将占整个页面宽度的80%。而height属性则被设置为元素高度的50%。

3. 使用%来设置元素的绝对高度

如果您需要设置一个元素的绝对高度，但不希望它与其他元素重叠，您可以使用%来设置它的高度。例如，您可以使用以下代码来设置一个元素的绝对高度为50%:

height: 50%;

overflow: hidden;

在这个例子中，height属性被设置为50%，而overflow属性被设置为hidden，表示元素将隐藏任何超出其容器边界的内容。

总之，使用CSS中的height%可以让您更好地控制元素的高度，而不必担心像素大小的限制。您可以根据您的需要进行灵活地设置元素的高度，以实现**效果。