सीएसएस - 100% चौड़ाई पर इनपुट div

Question

मैं, पैडिंग, बॉर्डर के साथ एक नियमित इनपुट बॉक्स ठीक करने के लिए गद्दी के साथ एक div अंदर कोशिश कर रहा हूँ चढ़ जाता है। हालांकि, मैं चाहता हूं कि इनपुट की चौड़ाई 100% हो लेकिन जैसा कि आप देख सकते हैं, यह ओवरलैप हो जाता है। मैं यह कैसे तय करुं?

सीएसएस

#one { 
    background:red; 
    width:300px; 
    padding:5px; 
} 
#two { 
    width:100%; 
    border:3px solid blue; 
    padding:4px; 
} 

एचटीएमएल

<div id="one"><input type="text" value="Test" id="two" /></div>​ 

Answer 1

box-sizing: border-box जोड़ें। अन्यथा, चौड़ाई 100% है, सीमा और पैडिंग प्लस करें।