css如何让div和页面等高？

我们都知道，只要是block状态的标签，宽度和父级等宽，或者设置宽度100%也可以等宽，但设置高度100%是不管用的，那么如何让标签和页面等高呢，除了用js去动态计算设置高度值，用css也可以

只要将元素定位，并设置高度100%，宽度100%;它就可以和它的定位父级同宽同高了；如果元素相对于html定位，那么就和页面等高等宽了。

提供以下两种写法：

1、

.wrap{

    position:absolute;

    top:;

    right:;

    bottom:;

    left:;
    background:#CCC;

    overflow: hidden;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

}

2、

.wrap{

    position:absolute;

    height:100%;
    width:100%;

    overflow: hidden;

    overflow-y: auto;

    background:#CCC;

}

完!