はどのように入力フィールドが延びdivの端で

Question

まで、これが私のブートストラップ/ htmlコードです：

<div class="col-md-8"> 
    <label for="label_test_email">Put email</label> 
    <input type="text" class="form-control" id="test_email" name="test_email" /> 
</div> 

位置が正しいですが、私は、入力フィールドのサイズは、div要素の最後まで拡張することを望みます。誰でも私を助けることができますか？

Answer 1

ただ、このように割合に幅を指定します。ここでは

#label_test_email{ 
    width:10%; 
} 
#test_email{ 
    width:90%; 
} 

は作業jsFiddle

はそれが役立ちます:)

Answer 2

あなたはふてくされて、HTML、あなたを検証しようとした場合、これは与えることを願っていますエラー。 W3Cによると、すべての要素はすべての要素を参照する必要があります。つまり、「for」属性の値は、HTMLの入力を参照する必要があります。したがって、入力のIDが入力フィールドの全幅については、下記のように、

<div class="col-md-8"> 
    <label for="test_email">Put email</label> 
    <input type="text" class="form-controll" id="test_email" name="test_email" /> 

「のために」あなたはこれがautomaticalyあなた与える100％の幅、

#test_email{ 
    width: 100%; 
} 

を使用することができ、同じWRTの値である必要がありますクラス "col-md-8"を持つ入力wrt親divの幅