手机分两层，如何设置高度。_html/css_WEB-ITnose

在手机UI里，想布局三个DIV，TOP为上部，FOOTER为下部，op_float_bar在TOP里面的底部，请问这个DIV的高度如何设置？
#top { width:100%; height:？？？;}

//上层占整个手机的70%高度

//上层里的BAR，在上层的底部，占上层的20%

//底层占整个手机的30%高度

回复讨论(解决方案)

楼主不妨学习学习jquery-mobile???

若楼主执意手动设定，可以采用jq

    
123

代码仅供参考。

抱歉，，修改一下，，，赋值的时候不用加px

123

    
   
       
           这里是top的20%       
       这里是50%的内容   
    
        这里是底部的30%    
          

就这样就行了，，帮你测试过了

    
   
       
           这里是top的20%       
       这里是50%的内容   
    
        这里是底部的30%    
          

就这样就行了，，帮你测试过了
其它上下两个可以，但20%的底部要跟70%的上部的底部对齐，还不行，现20%是在70%的上面的。

html,body{
height:100%;margin:0;
overflow:hiden;
}
#top{
height:70%
}
#top #top_float_bar{
height:20%
}
#footer{
height:30%
}