垂直调整大小

垂直调整大小是指调整元素在垂直方向上的大小，通常用于网页布局的排版中。在CSS中，常用的属性是height和min-height，它们可以设置元素的高度和最小高度。

height 属性

height属性用于设置元素的固定高度，可以使用像素（px）、百分比（%）和其他单位来设置。以下是一个例子：

div {
  height: 200px;
}

这个例子将一个div元素的高度设置为200像素。

min-height 属性

min-height属性用于设置元素在垂直方向上的最小高度。如果元素的内容比最小高度小，则元素的高度自动增加，直到达到最小高度。以下是一个例子：

div {
  min-height: 200px;
}

这个例子将一个div元素的最小高度设置为200像素。

使用百分比

除了使用像素作为单位外，还可以使用百分比来设置元素的高度和最小高度。当使用百分比时，高度将根据元素的父元素计算。以下是一个示例：

div {
  height: 50%;
  min-height: 100%;
}

这个例子将一个div元素的高度设置为其父元素高度的50%，最小高度设置为其父元素高度的100%。这将使该div元素的高度始终至少等于其父元素的高度。

总结

使用height和min-height属性可以在垂直方向上调整元素的大小，可以使用像素、百分比等单位来设置。通过灵活地应用这些属性，可以实现网页布局中各种复杂的排版效果。