display：flex布局加position：fixed注意事项
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| #tab-bar {
display: flex;
height: 49px;
background-color: #f6f6f6;
position: fixed;
left: 0;
right: 0;
bottom: 0;
}
.tab-bar-item {
flex: 1;
height: 100%;
height: 49px;
text-align: center;
}
|
这里同时left:0和right:0是防止定位后，子元素没有像预期那样均分