css 使页面高度满屏兼容ie8

要让页面的高度充满整个屏幕并且兼容IE8，可以考虑以下几种方法：

1. 使用vh单位：vh单位表示视口高度的百分比，可以直接设置元素的高度为100vh，表示元素的高度等于整个视口的高度。在CSS中，将HTML和body元素的高度设置为100%，并将需要填充整个屏幕的元素的高度设置为100vh。这种方法可以在IE8中正常工作。

html, body {
  height:100%;
}

.element {
  height: 100vh;
}

2. 使用绝对定位：将页面的根元素（通常是body）设置为相对定位，然后将需要填充整个屏幕的元素设置为绝对定位，并设置top、bottom、left和right属性为0。在IE8中，需要为根元素设置height: 100%来确保其父元素的高度被正确继承。

html, body {
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}

.element {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

3. 使用js解决：一种使用JavaScript的解决方案是，计算视口高度，并将高度应用于需要填充整个屏幕的元素。可以使用JavaScript获取视口高度的值，然后将其应用于元素的样式属性。

var viewportHeight = window.innerHeight;
document.querySelector('.element').style.height = viewportHeight + 'px';

通过这些方法，可以确保在IE8中，页面的高度能够充满整个屏幕。