ウィンドウのサイズが変更されたために入力の幅が変更されました。

Question

ホルダーコンテナ内の位置決め入力要素に問題があります。

HTML構造は次のとおりです。

<div class="left"></div> 
<div class="center"> 
    <form> 
     <div class="input-holder"> 
      <span> 
       Label 
      </span> 
      <input type="text"/> 
     </div> 
    </form> 
</div> 
<div class="right"></div> 

center divが次のCSSルールを持っています

position: absolute; 
right: 200px; 
left: 200px; 
width: 100%; 

だから、常に画面のcenterに表示され、ウィンドウがリサイズするとき、それは幅変更。

問題：

私はcenter容器内の入力を作りたいが幅100％を持ち、かつ動的に変更lable幅とウィンドウのリサイズと、入力が変化し、それはそれに応じて幅ですので、私のようななめらかになりますこれ：

http://3.1m.yt/zBBsvn-.png

Answer 1

.inputホルダ{ マージン：0自動 }