Ändern Sie die Breite des Eingangs aufgrund der Fenstergröße mit der dynamischen Beschriftungsbreite davor

Question

Ich habe ein Problem mit dem Positioniereingangselement im Halterbehälter.

Die HTML-Struktur ist:

<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> 

Die center div die nächsten CSS-Regeln hat:

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

Also immer zeigt es im center des Bildschirms, und ändern Sie es Breite, wenn Änderungen der Fenstergröße .

Das Problem:

I-Eingang machen will innerhalb center Behälter die Breite 100%, und mit der dynamisch verändert lable Breite und Fenstergröße, Eingangsänderung entsprechend Breite es hat, so muß ich smth wie dies: http://3.1m.yt/zBBsvn-.png

Answer 1

.input Halter { margin: 0 auto }