CSS - Giriş 100% genişlikteki üst üste binme div

Question

Düzenli bir giriş kutusu, dolgu ile bir div içinde, dolgu, kenarlık ile düzeltmeye çalışıyorum. Ancak, girişin genişliğinin% 100 olmasını istiyorum ama görebildiğiniz gibi örtüşüyor. Bunu nasıl düzeltirim?

CSS

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

HTML

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

Answer 1

box-sizing: border-box ekleyin. Aksi halde, genişlik 100%, PLUS sınır ve dolgudur.