phonegap做轮播图效果，怎么使content充满页面

要做一个页面，上面一个头部导航，下面一个底部导航，中间content是焦点轮播图，轮播图不能高度不能充满整个content，要怎么设置使头部，content和底部适应不同屏幕刚好在一屏，通过js改congtent高度貌似没用。用的div data-role="page" data-role="header" data-role="content" data-role="footer"，最好有个小demo可以参照。麻烦各位知道的解答下，谢谢。