html - 使用位置 : fixed 时 div 缩小

Question

我有一个 <div>我想让它成为position: fixed .我添加了 CSS 规则 position:fixed但在添加 <div> 之后缩小。

请指导我。

我的html代码是这样的

<div layout="row" style="background-color:#1CA5EA; position:fixed">

    <div offset="25" flex="30" class="input-container">
       <md-input-container flex >
          <label style="color:white">Search</label>
          <input ng-model="search" style="border-bottom:2px solid white;color:white;">
       </md-input-container>
    </div>

    <div flex="10" class="input-container">
       <button class="primary-button md-button md-default-theme">
         <span class="ng-scope" ui-sref="company.addRecruitmentProject">
           + JOB AD
         </span>
       </button>
    </div>

 </div>

Answer 1

对那个 div 使用 width:100%;。

<div layout="row" style="background-color:#1CA5EA; position:fixed; width:100%;">

    <div offset="25" flex="30" class="input-container">
       <md-input-container flex >
          <label style="color:white">Search</label>
          <input ng-model="search" style="border-bottom:2px solid white;color:white;">
       </md-input-container>
    </div>

    <div flex="10" class="input-container">
       <button class="primary-button md-button md-default-theme">
         <span class="ng-scope" ui-sref="company.addRecruitmentProject">
           + JOB AD
         </span>
       </button>
    </div>

 </div>

Demo here