css如何让div和页面等高？

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

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

提供以下两种写法：

1、

.wrap{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    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;
}

 

完!