标签：
第32 章项目实战-移动端流体布局[5] 学习要点： 1.导航固顶 2.三个栏目 3.公司简介 本章主要开始如果通过第一个PC 端项目进行重构，设计成移动端可访问的页面，这个 项目采用的是流体布局。 一．导航固定 由于移动设备屏幕高度较低，没有滚动条操作的便利性。一般来说，栏目的导航部分总 是固定在移动设备的某一个方位。我们这里将头部的导航永远固定在头部，不会随着页面向 下滑动而更改。 //固顶定位 #header { position: fixed; top: 0; z-index: 9999; } //相应的向下便宜45px #adver { padding: .45rem 0 0 0; } 三．三个栏目 和固定布局一样，栏目都有一个图片背景以及大小标题。 //HTML 部分
瓢城旅行社旅游网创立于2006 年10 月，以“让旅游更简单”为使命，为 消费者提供由北京、上海、广州、深圳等64 个城市出发的旅游产品预订服务，产品全面， 价格透明，全年365 天24 小时400 电话预订，并提供丰富的后续服务和保障。
目前，瓢城旅行社旅游网提供8 万余种旅游产品供消费者选择，涵盖跟团、 自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等，已成功服务累计超过400 万 人次出游。
同时基于瓢城旅行社旅游网全球中文景点目录以及中文旅游社区，可以更 好地帮助游客了解目的地信息，妥善制定好出游计划，并方便地预订旅程中的服务项目。
包团特惠，超丰富景点
上海出发，机+酒包含:早晚餐+快艇
含盐城接送，全程挂牌四星酒店
暑期亲子，2 天自由，无导游安排
4 至5 星，金色列车，少女峰
蓝梦出海，独栋别墅，悦榕庄下午茶
一游两国，4 晚塞舌尔，2 晚迪拜
最高立减3000！中餐六菜一汤
瓢城旅行社旅游网创立于2006年10月，以“让旅游更简单”为使命，为消费者提供由北京、上海、广州、深圳等64个城市出发的旅游产品预订服务，产品全面，价格透明，全年365天24小时400电话预订，并提供丰富的后续服务和保障。
目前，瓢城旅行社旅游网提供8万余种旅游产品供消费者选择，涵盖跟团、自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等，已成功服务累计超过400万人次出游。
同时基于瓢城旅行社旅游网全球中文景点目录以及中文旅游社区，可以更好地帮助游客了解目的地信息，妥善制定好出游计划，并方便地预订旅程中的服务项目。
标签：
原文地址：http://www.cnblogs.com/HJL085/p/5888041.html
