记移动端一些页面布局样式

记移动端一些页面布局样式
很多高度都是用rem，宽度用百分比
1，搜索栏，固定定位，宽度100%，给定高度，display：flex

1.1 左边

1.2 中间

1.3 右边

2，tabceil

2.1最外层section，宽度100%，table布局

2.2 里面div 无宽无高，溢出隐藏

2.3 a标签，display：table-ceil，宽度20%，左浮动

2.4 图标，给定宽高，背景图片，定位居中

2.5文字

3，ul li横向滚动 四层包裹

3.1 最外层不设宽高的盒子 第二层给定高度，overflow隐藏

3.2 第三层ul 给定高度，overflow：auto；width：auto；nowrap不换行

3.3 最里层li

3.4 li里面图片

4，左右各占50%的纵向排列

4.1都是套了两层的，最外面section

4.2 里层div

4.3 最 里面a标签

4.4 a标签里面盒子

4.5 图片

4.6文字就flex布局了，可以px也可以rem