同一行左边固定,右边占满的写法

<div class='header'>

        <span class='go-back' @click="back()"></span>

        <div class="home-search"><input v-model="searchtext" type="search" placeholder="搜索您想卖的机型" ></div>

        <div class="search-btn" @click="dosearch()">搜索</div>

</div>

 

.header{

     height: 48px;

     line-height: 48px;

     position: relative;

     z-index: 10;

     .go-back {

     height: 100%;

     width: 48px;

     position: absolute;

     left: 0;

     top: 0;

     }

     .home-search {

     display: inline-block;

     vertical-align: middle;

     position: absolute;

     top:0;

     left: 48px;

     right: 64px;

     line-height:normal;

     }

     .search-btn {

     position: absolute;

     top: 0;

     right: 0;

     width: 64px;

     height: 100%;

     color: #49C979;

     text-align: center;

     font-size: 14px;

     }

}