CSS3和HTML5头部定位自用

body{
    max-width: 540px;
    min-width: 320px;
    margin: 0 auto;
    font: normal 14px/1.5 tahoma;
    color: #000;
    /* background-color: #f2f2f2; */
    overflow-x:hidden;
    -webkit-tap-highlight-color: transparent;/* 清除点击高亮效果 */
}

/* 顶部搜索框 */
.top-box{
    display: flex;
    /* 固定定位和父级没有关系 */
    width: 100%;
    height: 44px;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);/* left 和 此属性可以不给 */
    top: 0;
    max-width: 540px;
    min-width: 320px;
    background-color: #f6f6f6;
    
}

 

来源：https://www.cnblogs.com/xiaozhang666/p/11320315.html