APICloud学习笔记之div填充剩余

• 效果图

• html 代码

<header id="header">
        <div class="left" tapmode onclick="fnOpenCitySelectorFrame();">                                   
            <div class="city" id="city">市北京市</div>
            <div class="arrow" id="arrow"></div>
        </div>
        <div class="input-continer">
            <input class="search" type="text" >
        </div>   
                        
    </header>

• css 样式

    header {
                /*position: relative;*/
                 100%;
                height:50px;
                background-color: #e1017e;    
                clear: both;     
                display: flex;       
            }

 .input-continer{                 
                float:right;
                text-align:center;
                margin-top:10px;
                /*100%;*/
                background-color:#00897B;    
                flex: 1 1 0;            
            }