css高度设置百分比不生效怎么办

*{

    margin:0px;

    padding: 0px;

}

html,body{

    margin: 0px;

    background:url(../img/body_bg.jpg) no-repeat 0 0;

    width:100%;

    height:100%;

}

.nav{

    width:100%;

    height:20%;

    border: 1px solid red;

}

.nav>img{

    width:100%;

    height: 100%;

}