我在開發(fā)一個(gè)移動(dòng)端網(wǎng)頁(yè)，想寫一個(gè)頭部元素，內(nèi)容包含城市選擇，搜索框和類別選擇，我想讓這三個(gè)元素平行顯示且兩端對(duì)齊。但是我的程序不知道什么原因右端無法對(duì)齊。

<div id="mallHeader" class="item-box">
        <div class="item align-center">
            <span>北京<i class="iconfont icon-caret"></i></span>
            <span><i class="iconfont icon-sousuo"></i><input type="search" placeholder="搜索" name="search"></span>
            <span><i class="iconfont icon-jishiben"></i><p>興趣</p></span>
        </div>        
</div>

css：

#mallHeader {
        width: 100%;
        top: 0;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        text-align: justify;
        background-color: lightblue;
        background-size:100%;
        height: 4.666666rem;
        margin: 0 auto;            
        .item {
            margin: 0.8rem  0.266666rem 0.266666rem;
            vertical-align: middle;
            position: fixed;
            text-align: center；
            span {            
                @include font-dpr(14px);
                text-align: center;
                vertical-align: middle;
                display: block;
                position: relative;
                margin:0 auto;    
                padding-left:0.1rem;
                padding-right:0.1rem;    
                input {
                    width: 7.04rem;
                    height: 0.8rem;                        
                    border-radius: 0.4rem;
                    padding-left: 0.773333rem;                        
                }
                i {
                    text-align: center;
                    
                }
                p {
                    text-align: center;
                    /*line-height: 0.4rem;*/
                    @include font-dpr(8px);
                    vertical-align: middle;
                }
                .icon-sousuo {
                    position: absolute;
                    margin-left: 0.24rem;
                    line-height: 0.8rem;
                }
            }
        }
    }

我用chrome的console看的時(shí)候發(fā)現(xiàn).item沒有100%width，要如何修改呢？ 謝謝。