一般移动web顶部会出现常用的布局，就是左中右，左边为logo，中间为搜索框，右边是一个按钮；这里有两种方法来布局：
方法一：flex盒模型
父元素设置样式：display:-webkit-box;
子元素设置： -webkit-box-flex:1;
如果有三个子元素分别设置为1,2,3；
那么这个父盒子就会分割成6份，第一个占一份，第二个占两份，第三个占3份；
方法二：padding和绝对定位
左边和右边分别设置position:absoulte;设置一个width；
中间width:100%;padding:0 120px;box-sizing:border-box;
