记移动端一些页面布局样式
本文共 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/
你可能感兴趣的文章
MySQL Join算法与调优白皮书（二）
查看>>
Mysql order by与limit混用陷阱
查看>>
Mysql order by与limit混用陷阱
查看>>
mysql order by多个字段排序
查看>>
MySQL Order By实现原理分析和Filesort优化
查看>>
mysql problems
查看>>
mysql replace first,MySQL中处理各种重复的一些方法
查看>>
MySQL replace函数替换字符串语句的用法（mysql字符串替换）
查看>>
mysql replace用法
查看>>
Mysql Row_Format 参数讲解
查看>>
mysql select， from ，join ，on ，where groupby,having ,order by limit的执行顺序和书写顺序
查看>>
MySQL Server 5.5安装记录
查看>>
mysql server has gone away
查看>>
mysql slave 停了_slave 停止。求解决方法
查看>>
MySQL SQL 优化指南：主键、ORDER BY、GROUP BY 和 UPDATE 优化详解
查看>>
MYSQL sql语句针对数据记录时间范围查询的效率对比
查看>>
mysql sum 没返回,如果没有找到任何值，我如何在MySQL中获得SUM函数以返回'0'？
查看>>
mysql Timestamp时间隔了8小时
查看>>
Mysql tinyint(1)与tinyint(4)的区别
查看>>
mysql union orderby 无效
查看>>