在CSS中，设置元素的高度（height）是一项基本的样式设置。通常情况下，我们可以很轻松地使用height属性来定义元素的高度值。但是，有时候我们会遇到一些需要hack的情况。下面就来讲一讲关于CSS中height的hack技巧。

/*设置元素高度为父元素的50%*/.child{height: 50%;}/*hack方法1：采用绝对定位*/.child{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: auto;min-height: 50%;}/*hack方法2：采用padding*/.parent{height: 100px;padding-top: 50%;}.child{height: auto;position: relative;top: -50%;}

针对第一个hack方法，可以很容易地理解：通过设置绝对定位和相对定位来实现高度百分比的设置。其中，绝对定位的left、right、top、bottom值都等于0，也就是将元素定位于父元素的左上角，当元素高度小于父元素高度的50%时，会自动填充父元素剩余的50%高度。此方法的缺点是，容易引起父元素的高度计算错误，可能会影响其他元素的布局。

而第二个hack方法，则是通过设置父元素的padding-top值为50%，然后通过向上定位子元素的高度为它的50%来实现高度百分比的设置。这种方法的好处是比较稳定，适用于绝大多数情况。缺点是容易引起子元素内容溢出问题，需要额外处理。