记移动端一些页面布局样式
本文共 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 Innodb 锁机制
查看>>
MySQL InnoDB中意向锁的作用及原理探
查看>>
MySQL InnoDB事务隔离级别与锁机制深入解析
查看>>
Mysql InnoDB存储引擎 —— 数据页
查看>>
Mysql InnoDB存储引擎中的checkpoint技术
查看>>
Mysql InnoDB存储引擎中缓冲池Buffer Pool、Redo Log、Bin Log、Undo Log、Channge Buffer
查看>>
MySQL InnoDB引擎的锁机制详解
查看>>
Mysql INNODB引擎行锁的3种算法 Record Lock Next-Key Lock Grap Lock
查看>>
mysql InnoDB数据存储引擎 的B+树索引原理
查看>>
mysql innodb通过使用mvcc来实现可重复读
查看>>
mysql interval显示条件值_MySQL INTERVAL关键字可以使用哪些不同的单位值？
查看>>
Mysql join原理
查看>>
mysql order by多个字段排序
查看>>
MySQL Order By实现原理分析和Filesort优化
查看>>
mysql problems
查看>>
mysql replace first,MySQL中处理各种重复的一些方法
查看>>
MySQL replace函数替换字符串语句的用法（mysql字符串替换）
查看>>
Mysql Row_Format 参数讲解
查看>>
mysql select， from ，join ，on ，where groupby,having ,order by limit的执行顺序和书写顺序
查看>>
MySQL Server 5.5安装记录
查看>>