记移动端一些页面布局样式
很多高度都是用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

版权声明：本文为匿名原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：