Overflow:hidden и margin:right?

Question

[Дмитрий]

Возник вопрос: например два блока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

Answer 1

[name surname]

если коротко: https://developer.mozilla.org/ru/docs/Web/Guide/CS...
если подробнее: cssing.org.ua/2010/04/26/overflow-hidden