1）通过css高度100%，但是要div的父级元素高度为100%
前提：以知父级元素并且父级元素高度可控
2）通过100vh
前提：适合移动端或者不用兼容IE的项目
3）使用定位拉伸
calc() 函数属于CSS3版本内容，用于动态计算长度值。例如：width: calc(100% - 10px)；需要注意的是，运算符前后都需要保留一个空格。calc()函数支持 "+", "-", "*", "/" 运算；
举例，给一个div动态设置宽度如下:
vh，是指css中相对长度单位，表示相对视口高度（Viewport Height），1vh = 1% * 视口高度。
视口比例长度定义了相对于视口的长度大小，这是文档的可见部分。
通俗点讲，vh就是当前屏幕可见高度的1%，也就是说 height:100vh == height:100%
<script language=javascript>//根据分辩率控制层的位置，注意要放在div之后，否则会说找不着对象。
//最好的办法就是放在html最后啦...
//如果一定要放前面，那就用Function吧，在Body的onload事件中加上XXX()即可。
//DIV的ID（名称）一定要对号，字母大小写要一致这里就不多说了。
<!--
if (screen.width == 800) {
Layer1.style.top = 81
Layer1.style.left = 538
Layer2.style.left = 45
Layer2.style.top = 196
}
else if (screen.width == 1280) {
Layer1.style.top = 81
Layer1.style.left = 765
Layer2.style.left = 272
Layer2.style.top = 196
}
else
{
Layer1.style.left = 638
Layer1.style.top=81
Layer2.style.left = 150
Layer2.style.top = 196
}
//-->
</script>
试试看
