HTML input element wider than Containing Div

Question

I have an html element that is contained within a div. Height are dictated by the outer div and the height and width of the input control are 100%. At the most basic level,

Answer 1

This made the job for me :

input {
  padding: 0.2em; 
  box-sizing: border-box;
  width: 100% 
}