flex布局 H5携程移动端头部搜索框 （二）

携程移动端原图

效果图

1、先在页面写个搜索模块 div

2、实现搜索框思路

采用固定位置，

 position: fixed;

给他一个最大最小宽度，限定死；

 min-width: 320px;
    	max-width: 540px;

因为固定位置，它是以屏幕为主，所以让它在屏幕正中间

	  /* 居中对齐 */
left: 50%;
/* 兼容性写法  兼容老版本写法   先写这个再写下边哪个 */
-webkit-transform: translateX(-50%);
/* css3写法 */
transform: translateX(-50%);