当页面高度为100%时，contentdiv自动填满剩余位置。头部区域高度为110rpx，内容区域div自动填充剩余位置。如果div高度设置为100%，会导致头部多出110rpx，并且会有滚动条！.content{宽度：100%；高度：100%；框大小：边框框；位置：相对；.search_box{位置：相对；框大小：边框框；宽度：100%；高度：110rpx；:1px纯红色;}.list{宽度：100%；高度：100%；框大小：边框框；边框：1px纯绿色；css修改为..list{宽度：100%；框大小：边框框；边框：1px纯绿色；位置：绝对；top:110rpx;//头部高度left:0;底部：0；Bar效果方法二、使用padding-top和margin-top，设置margin-top为负值。.content{宽度：100%；高度：100%；填充顶部：110rpx；框大小：边框框；位置：相对；.search_box{位置：相对；框大小：边框框；保证金顶部：-110rpx；宽度：100%；高度：110rpx；边框：1px纯红色；}.list{宽度：100%；框大小：边框框；边框：1px纯绿色；高度：100%；}}同样达到效果
