Jquery 设置CSS样式以提供本地应用程序的感觉

我想我的无序列表，是与jquerys手风琴功能动画占据整个宽度和高度的屏幕，给人的感觉是一个本地移动应用程序。其中一个列表元素将始终被下拉

这是JSFIDLE

如何通过严格操作CSS来实现这一点

动画是在id=celebs、#celebs的div层上完成的 我补充说

    body, celebs, and html styling to remove all margins and padding

我如何准确地占据整个视图的高度？

我不确定您想要的感觉，但如果您希望您的分区占据100%的窗口高度：

html, body, #celebs, #accordion, li.active {
    height: 100%;
}

请记住，这将使活动li占据窗口的全部高度。如果您想让它“在显示其他闭合部分后占据剩余的垂直空间”，您需要做一些数学计算。（窗口高度-其他li的组合高度=用于调整活动li大小的剩余高度）

如果您愿意，您也可以简单地尝试使用jQueryUI的手风琴和

高度样式：“fill”

（）