所有父级元素包括view-box指定height:100%
手动指定view-box的padding-bottom和padding-top
文档上说可以用body-padding-top和body-padding-bottom这两个属性指定,实际上这是错误的
正确的是bodyPaddingBottom和bodyPaddingTop。错误的文档坑死人不偿命
<view-box :bodyPaddingBottom="bodyPaddingBottom" :bodyPaddingTop="bodyPaddingTop">
动态设置
mounted: function () { this.bodyPaddingTop = this.$refs.header.$el.clientHeight + 'px'; this.bodyPaddingBottom = this.$refs.bar.$el.clientHeight + 'px'; },
另外自己设计固定栏的话为了避免内容庶盖要给容器指定box-sizing: border-box;然后再设置padding或者插入一个空的div
border-box的意思是边框和补白不计入容器内容高度