fixed与flex配合使用

html

<div class="fixed">
    <div class="content">
        <div class="item">...something</div>
        <div class="item">...something</div>
        <div class="item">...something</div>
    </div>
</div>

less

.fixed {
    position: fixed;
    top: 0;
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/

    .content {
        position: absolute;  //注意此行
        display: -webkit-box;  //注意此行

        //display: -webkit-flex;
        //display: flex;
        justify-content: space-around;
        
        .item {
            //for android
            //-webkit-box-flex: 1;
            //-webkit-flex: 1;
            //flex: 1;
        }
    }
}

元素包含关系：