本文共 436 字，大约阅读时间需要 1 分钟。

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

很多高度都是用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

转载地址：http://vcgwz.baihongyu.com/