div背景的图片不能跟随大小变化的问题

div背景的图片不能跟随大小变化的问题
记录下自己在工作中遇到的问题：
背景：要在项目首页的中加入一个背景图片，然后这次用的是DIV，在DIV中加入背景图片，然后在body中加入

<div class="ho" style="height:100%;width: 100%;">
 </div>

.ho {
            background:url(../images/login/greenhome.jpg) no-repeat center;
    		background-size: cover;
    		background-size: 100% auto; 
        }

没点效果

<div class="ho" style="height:500px;width: 100%;">
 </div>

终于有效果了，这种写死高度的，一缩放就出现滚动条，然后又不要有滚动条，于是出现了以下代码

<div class="ho" style="position: absolute;top: 60px;bottom: 0;width: 100%;">
 </div>

position属性：这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移，所以解决该问题。