css 布局上面固定(eg: tabs) 下面占满

258 阅读1分钟

1.可以用上面部分css

position:absolute;

background: #fff;(这样滑动的背景不至于是透明)

height: 44px;

下面的部分:

height:calc(100% - 44px);

margin-top: 44px;

overflow-y: scroll/auto;

    自己第一开始这样写 之后mentor review时说这calc有点耗性能


2.可以用上面部分css

position:absolute;

top:0;

left: 0;

z-index: 9;

background: #fff;(这样滑动的北京不至于是透明)

height: 44px;

下面部分

height: 100%;

padding-top: 44px;

overflow:  auto;

大家有更合适也可以补充哈 共同进步。