css控制height充满浏览器视口

好久没写css相关内容，今天来一发！

想让块级元素充满浏览器只要在css上加上属性：

div {
  position: absolute;
  top: 0;
  bottom: 0;
}

如果它的内部有若干子元素，有的子元素也要这种效果，就要在height100%的基础上减去其他子元素的高度：

.children{
    height: calc(100% - 187px);
}