Overflow:hidden и margin:right?

Возник вопрос: например два блокаtexttext.
У первого float:right;width:100px;margin-left: 20px;.....
А у второго overflow: hidden;
Вопрос почему при добавлении оверфлоу хидден второй блок начинает учитывать ширину и марджин блока с флоат?

<div style="float:right;margin-left:20px;">
  <input type="submit" />
</div>
<div style="overflow:auto;">
  <input type="search" style="width:100%;">
</div>

codepen.io/ddimonn8080/pen/RrVMGg