如何实现层的高度适合（100%和随内容选择）

想实现效果
如果内容撑起的高度大于浏览器可见区域的高度，以内容撑起高度为准。也就是auto
如果内容高度小于浏览器可见区域的高度，以浏览器可见区域的高度为准，也就是100%

我暂时用了一个很雷人的方法
<div class=wrap>
<div class=zero></div>
<div class=container></div>
</div>
然后我把zero设成宽度为0，用js获取浏览器可见区域高度，赋值给zero，使其撑起外层，然后边框设给外层。。
太雷人，谁有好方法？